В готовом решении "Некстайп: Магнит" на главной странице есть возможность отображения товаров с метками: "Новинка", "Распродажа", "Хит продаж" и "Мы рекомендуем".
Как настроить уже имеющиеся метки мы рассмотрели в этом уроке.
Вы можете создать собственные метки для товаров.
Для того, чтобы добавить новые метки для товаров, необходимо перейти в административную часть сайта.
![admin.png admin.png](https://nextype.ru/upload/medialibrary/b41/admin.png)
Далее необходимо перейти в настройки инфоблока нашего каталога:
"Контент" > "Инфоблоки" > "Типы инфоблоков" > "Каталог" > "Каталог товаров". Затем переходим на вкладку свойства.
![Метки 1.png Метки 1.png](https://nextype.ru/upload/medialibrary/f45/Metki-1.png)
В столбце «Название» указываем то название метки, которое будет отображаться в публичной части сайта.
Тип свойства выбираем «Список», отмечаем галочку активности.
Уникальный код указываем по рекомендациям 1С- Битрикс латинскими заглавными буквами, можно использовать цифры.
Далее нажмите кнопку […] для детального редактирования настроек свойства.
Отмечаем «Показывать на странице редактирования элемента»:
![Метки 2.png Метки 2.png](https://nextype.ru/upload/medialibrary/140/Metki-2.png)
Указываем значение свойства:
XML_ID | Y |
Значение | Да |
![Метки 3.png Метки 3.png](https://nextype.ru/upload/medialibrary/921/Metki-3.png)
Сохраняем созданное свойство. После внесения нужных изменений, не забудьте применить и сохранить настройки инфоблока:
![Метки 4.png Метки 4.png](https://nextype.ru/upload/medialibrary/7a9/Metki-4.png)
Для того, чтобы настроить новую метку у товара, необходимо перейти в его карточку в административной части сайта.
Далее "Контент" > "Каталог товаров" > *любой добавленный товар (элемент).
В свойствах товара отмечаем галочками вновь добавленную метку.
![](https://nextype.ru/upload/medialibrary/394/metki-5.png)
Новую метку можно настроить для отображения на страницах каталога.
Для этого в публичной части сайта перейдите:
адрес_вашего_сайта/catalog/
Затем перейдите в режим "правки".
![public_pravka.png public_pravka.png](https://nextype.ru/upload/medialibrary/589/public_pravka.png)
Затем наведите на поле с подразделом или товаром > выбирайте «Параметры компонента каталог».
![Метки 6.png Метки 6.png](https://nextype.ru/upload/medialibrary/2f3/Metki-6.png)
Выбираем слева группу параметров «Внешний вид», параметр «Свойство меток товара», зажимаем «CTRL» и отмечаем добавленное свойство.
Также в параметре ниже можно отметить вновь добавленную метку для отображения на мобильных устройствах.
![Метки 7.png Метки 7.png](https://nextype.ru/upload/medialibrary/919/Metki-7.png)
Сохраняем параметры компонента и получаем отображение новой метки в публичной части сайта в разделе каталог:
![Метки 8.png Метки 8.png](https://nextype.ru/upload/medialibrary/571/Metki-8.png)
Созданную метку можно также добавить на главную страницу.
Для этого нужно перейти на главную страницу вашего сайта.
В режиме правки наведите курсор мыши на блок с товарами и выбирайте параметры компонента «Табы каталога»:
![Метки 9.png Метки 9.png](https://nextype.ru/upload/medialibrary/26c/Metki-9.png)
В параметре «Метки элементов для отображения» зажимаем «CTRL» и отмечаем добавленное свойство.
![Метки 10.png Метки 10.png](https://nextype.ru/upload/medialibrary/6bd/Metki-10.png)
Далее выбираем слева группу параметров «Внешний вид», параметр «Свойство меток товара», зажимаем «CTRL» и отмечаем добавленное свойство:
![Метки 11.png Метки 11.png](https://nextype.ru/upload/medialibrary/5d6/Metki-11.png)
Сохраняем параметры компонента "Табы каталога" и получаем дополнительную вкладку с новой меткой на главной странице в блоке товаров:
![Метки 12.png Метки 12.png](https://nextype.ru/upload/medialibrary/2e6/Metki-12.png)
Пользовательские комментарии
Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.
Для этого нужно всего лишь авторизоваться на сайте
Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.
Также Пользовательские комментарии не являются местом для обсуждения функционала.