Списки товаров можно размещать в любых местах витрины: в боковой панели, на главной странице, в слайдере. С их помощью удобно формировать блоки специальных предложений.
Пример списка товаров на витрине
Создайте список товаров
Если у вас уже есть список товаров, который нужно опубликовать, переходите к следующей части статьи.
- В разделе «Товары» щелкните по иконке добавления нового списка.
- Напишите название списка. Оно не будет видно на витрине и нужно только для того, чтобы вам было удобно различать списки друг от друга в бекенде магазина.
- Придумайте ID списка. Например, напишите в это поле название списка транслитом или по-английски.
- Выберите тип списка: «список» или «фильтр». В список вы добавляете товары вручную, а в фильтр товары добавляются автоматически — в зависимости от выбранного правила.
- Для списка типа «фильтр» выберите правило заполнения списка товарами:
- Самые дорогие
- Самые дешевые
- С высокой оценкой
- С низкой оценкой
- Хиты продаж
- Низкие продажи
- По названию: в список попадут товары из всего каталога с сортировкой по названию
- С зачеркнутой ценой: в список попадут товары из всего каталога с заполненной зачеркнутой ценой
- Дата добавления: в список попадут товары, добавленные в каталог позднее других
- Для списка типа «фильтр» укажите, сколько товаров нужно добавить в соответствии с выбранным правилом. Чтобы показать в списке все имеющиеся товары, напишите большое число, превышающее количество товаров в магазине.
- Подтвердите кнопкой создание списка товаров.
Опубликуйте список на витрине
- В разделе «Товары» щелкните по названию списка.
- В верхней части страницы щелкните по ссылке «Код для встраивания».
- В появившейся области выберите, куда вы хотите добавить список товаров: в шаблон темы дизайна или на отдельную страницу (либо на страницы другого приложения — не Shop-Script). Скопируйте предложенный фрагмент кода.
- Вставьте код в нужное место: в шаблон темы дизайна (в разделе «Дизайн → Шаблоны») или в режиме редактирования HTML страницы интернет-магазина (в разделе «Дизайн → Страницы»). Для некоторых тем дизайна может понадобиться заменить имя файла list-thumbs.html в скопированном коде на имя другого файла, который используется для отображения списка товаров. Если нужно добавить список товаров в информационную страницу или в шаблон темы дизайна другого приложения Webasyst, то замените в скопированном коде обозначение THEME_ID на идентификатор темы дизайна того раздела сайта, в которым вы размещаете список товаров.
Добавьте заголовок списка
Название списка автоматически не появится на витрине. Чтобы добавить название над списком товаров, используйте подходящий фрагмент HTML-кода, например, такой:
<h5>Новинки</h5>
