Каталог товаров на Drupal 7 и Views. Часть 3 - Настройка полей.

image

18.04.12
Comments 10

Всем привет, сегодня будет третья часть уроков по модулю Views и Drupal 7, в которой мы начнем работать с полями. Эта функция предназначена для того чтобы выводить в отображении представления поля из какого либо типа материала в произвольном виде.

Пройдите к настройкам модуля Views и выберите созданное нами представление «Телефоны».

По умолчанию уже имеется одно поле,  которое выводит заголовок материала. Попробуем вывести свое с изображением товара, в нашем случае это картинка с телефоном. Найдите на странице конфигурации отображения блок с настройками полей и нажмите на кнопку «добавить» и из всех предложенных выберите «Содержимое: Изображение». Далее нужно произвести настройки данного поля:

Создать метку: Снимите галочку.

Сохраните настройки и пройдите в самый низ страницы, чтобы посмотреть как выглядит отображение на данном этапе. Как видите изображения товаров большего размера, чем хотелось бы, но это можно исправить. В Drupal можно создать свой стиль для показа изображений и применить его в Views. Сейчас на время мы отвлекемся от Views и пройдем в раздел «Конфигурация –> Виды показа изображений». Нажмите на кнопку добавить стиль. Далее введите название нового стиля, назовем его «small». Далее в настройках нужно выбрать эффект показа изображения, то есть придать ему стиль, для этого в блоке эффект выберите эффект «Масштабирование» и нажмите на кнопку добавить. Дальше нужно выбрать размер масштабирования изображения, зададим значение только по ширине – 100 пикселей. Сохраните конфигурацию и вернитесь к настройкам нашего представления.

Пройдите к настройкам поля «Изображение» и в стиле изображения выберите наш собственный стиль «small» и сохраните настройки. Теперь если вы посмотрите на предпросмотр, увидите что, картинка уменьшилась и приобрела желаемый размер.

Следующее поле которое мы выведем, будет цена товара. Нажмите на кнопку добавить  и найдите поле «Содержимое: цена». В настройках пока ничего не указываем, а нажимаем на кнопку сохранить. Если вы посмотрите на предпросмотр, то увидите что метка и содержимое поля находятся друг под другом:

Каталог товаров

Выглядит не очень красиво, нам нужно выстроить их вряд, для этого вернитесь в настройки данного поля и найдите пункт «Настройки стиля». Там найдите строку «Настроить HTML-код поля» и выберите из списка «SPAN», то есть тег span, тоже самое проделайте с  пунктом «Настроить HTML-код метки». Теперь посмотрите на предпросмотр, метка и содержимое поля вывелись вряд. Надеюсь, вы догадались почему изначально метка и содержимое выводились друг под другом, все дело в том что умолчанию  эти значения оборачиваются тегом «div», а как известно что все элементы которые идут  после DIV, отображаются под ним, вот и ответ на вопрос.

По этому же принципу выведите поля нашего каталога товаров «Тип» и «По».

Стоит заметить что вы можете выводить в отображении не только те поля, которые были созданы в типе материала, но и создавать свои произвольные. Давайте к примеру создадим поле со ссылкой на полное содержимое материала:

Добавьте новое поле «Содержимое: Ссылка».

Снимите галочку с пункта «Создать метку»

Текст для показа: Подробнее

В итоге в конце блока с товаром должна появиться ссылка на полную новость с надписью подробнее.

После всех манипуляций над полями у нас должно получиться следующее отображение:

Каталог товаров

На этом пожалуй закончу тему полей. Конечно я рассказал не обо всех возможностях, но думаю саму суть работы этой функции вы поняли, а это самое главное, дальше вы и сами разберетесь что к чему.

Комментарии

Михаил 19.06.12

Здравствуйте Сергей!
До этого урока было всё понятно. Я всё делал как было написано. Но почемуто кроме поля заголовок, которое идёт по умолчанию, больше никакие поля не выводятся. Хотя в блоке поля они стоят и по сути должны отображатся.
В чём может быть проблема?

admin 19.06.12

Уроки по Views писал в спешке, поэтому может не все понятно. Так сразу трудно ответить, можете мне выслать копию сайта, я посмотрю в чем там дело.

 

Михаил 19.06.12

Уже разобрался. Спасибо!
А за уроки отдельное Вам ДАНОЧКЕ!
Таким людям как Вы памятники ставить надо ещё при жизни!
Написано всё на понятном языке. Для новичка нет ничего лутьше.

admin 19.06.12

Рад что понравились уроки.

Денис 27.08.12

Добрый день. У меня такая же проблем. Кроме заголовка никакие другие поля не отображаются. Объясните плиз как решается эта проблема?

Дмитрий 23.06.12

Доброго времени суток.
У меня аналогичная проблема, как у Михаила, модуль Views кроме заголовка ничего не показывает, что делать?

Денис 27.08.12

У меня тоже кроме заголовка тоже ничего не показывает. Объясните плиз как решается эта проблема?

Денис 27.08.12

Все разрулилось случайно. Методом тыка) В содержимое -> тип материала -> каталог - добавил запись) и во вьюхе все появилось)

Дима 26.02.13

Очень понятно и доходчиво всё описано!
Спасибо за труд.

Гость 20.03.14

Урок отличный. Огромное спасибо. Все получилось

Комментировать