В решении MegaMart стикеры используются в каталоге товаров и услуг, а также в подробной карточке товара. Стикеры создаются и  редактируются в Административной части сайта.

Лейблы карточки товара.png  Лейблы на карточке услуги.png Лейблы в карточке товара.png


Рассмотрим на примере создания стикера "Уценка"

Перейдите по пути Администрирование > Контент > Инфоблоки > Типы инфоблоков > Каталог товаров > Каталог товаров/Каталог услуг

Путь к инфоблоку каталога товаров и услуг.png


В правой части сайта перейдите в вкладку "Свойства" В пустой строке укажите новое свойство:
  • Название (то, что будет написано на стикере)
  • Тип свойства: Список
  • Активность (проставленная галочка в чекбоксе сделает стикер "видимым" на сайте)
  • Число сортировки (чем меньше число, тем выше в списке будет отображаться свойство)
  • Символьный код (пишется латиницей без использования пробелов)

Создание свойства.png


Нажав на три точки, перейдите к Настройкам свойства инфоблока. Где указываются:
  • Активность
  • Порядок сортировки
  • Название
  • Символьный код
  • Показывать на странице редактирования элементов (проставленная галочка позволит при редактировании товаров и услуг добавлять стикер)
  • Показывать в умном фильтре (при активации добавить свойство в умный фильтр)
  • Вид в умном фильтре
  • Внешний вид (как будет отображаться пункт активации свойства на странице редактирования элементов)
  • XML_ID (указывается код цвета стикера)
  • Значение по умолчанию
Настройки свойства инфоблока.png

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

Режим правки.png


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

Всплывающая панель.png

В открывшемся окне Параметров компонента перейдите к "Внешний вид" и в окне "Свойство меток товара" зажав клавишу Ctrl выделите созданное свойство "Уценка". Выделять свойство обязательно нужно с нажатым Ctrl, для того, чтобы не снялись выделения с других свойств! 
Также вы можете в "Свойствах меток товара, отображаемые на мобильных устройствах" указать какие свойства будут отображаться в мобильной версии сайта.
Дождитесь применения изменений и после этого нажмите "Сохранить"
 Выделение свойства в Параметрах компонента.png


Теперь при создании/редактировании товара/услуг вы сможете присваивать товару стикер.

Активация стикера у товара.png

Стикер на товаре.png


Описание курса