Категория:
Опубликовано:

Display Suite. Создаем пользовательское поле

Display Suite

Рассмотрим пример создания пользовательского поля с помощью шаблонизатора материалов Display Suite.

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

Предполагается, что у нас уже создан материал (для примера я буду использовать Article), и в него добавлено поле типа "Изображение".

Прежде всего установим модуль и включим следующие:

  • Display Suite
  • Display Suite UI

Итак, переходим к добавлению собственного поля: Управление » Структура » Display Suite » Поля ("admin/structure/ds/fields").

Нажимаем кнопку "Добавить поле с кодом":

Добавить поле

Вводим название нашего поля и машинное имя, отмечаем к каким сущностям будет относится наше поле, и переходим к главному - "Код поля".

Здесь нужно выбрать формат поддерживающий HTML, и включить поддержку Токенов:

Код поля

Открываем список доступных токенов, и ищем нужный нам.

В нашем случае нам нужен токен для изображения, с применением стиля "thumbnail", поэтому, открываем филдсет "Материалы", находим пункт "Изображение" (название поля с изображением в типе материала), выбираем в нем нужный стиль и копируем токен. У нас это "[node:field_image:thumbnail]".

Далее, переходим к созданию ссылки.

Закрываем окно с токенами, и в поле "Код поля" добавляем обычный HTML-код изображения со ссылкой:

<a href="/" title="Перейти на главную"><img src="[node:field_image:thumbnail]" alt="Ссылка на главную страницу" /></a>

Как Вы видите, в качестве значения атрибута "src" мы подставляем наш токен изображения, вместо которого будет автоматически подставлен адрес на изображение с примененным стилем.

Сохраняем наше поле. Скриншот настроек поля.

Теперь нужно вывести это поле в нашем материале. Перейдем для этого на страницу управления отображениями: "admin/structure/types/manage/article/display".

Для того чтобы включить обработку вывода дисплея Display Suite'ом нужно в настройках нужного типа отображения (Анонс, содержимое полностью...) во вкладке "Макет" выбрать макет DS и сохранить настройки:

Включение Display Suite

Будьте внимательны, при переключении режимов все предыдущие настройки отображения материала будут сброшены!

Теперь наше поле стало доступным, и мы можем его просто поместить в нужный регион и сохранить отображение.

Включение поля

Готово, в материале теперь будет выводится наше поле с картинкой и ссылкой на другую страницу.

Если у Вас возникли вопросы, замечания, предложения или просто благодарность - пишите в комментариях.
Делитесь полезными материалами в социальных сетях.

Комментарии

В рамках поста рассматривается пример использования модуля DS.

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

Класная статья спасибо! Реально помогла решить задачу. Клацнул по рекламке в знак благодарности.

Добавить комментарий