Как добавить список товаров в любом месте витрины

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

Пример списка товаров на витрине

Создайте список товаров

Если у вас уже есть список товаров, который нужно опубликовать, переходите к следующей части статьи.

  1. В разделе «Товары» щелкните по иконке добавления нового списка.

  2. Напишите название списка. Оно не будет видно на витрине и нужно только для того, чтобы вам было удобно различать списки друг от друга в бекенде магазина.

  3. Придумайте ID списка. Например, напишите в это поле название списка транслитом или по-английски.
  4. Выберите тип списка: «список» или «фильтр». В список вы добавляете товары вручную, а в фильтр товары добавляются автоматически — в зависимости от выбранного правила.



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

Опубликуйте список на витрине

  1. В разделе «Товары» щелкните по названию списка.
  2. В верхней части страницы щелкните по ссылке «Код для встраивания».

  3. В появившейся области выберите, куда вы хотите добавить список товаров: в шаблон темы дизайна или на отдельную страницу (либо на страницы другого приложения — не Shop-Script). Скопируйте предложенный фрагмент кода.

  4. Вставьте код в нужное место: в шаблон темы дизайна (в разделе «Дизайн → Шаблоны») или в режиме редактирования HTML страницы интернет-магазина (в разделе «Дизайн → Страницы»).

    Для некоторых тем дизайна может понадобиться заменить имя файла list-thumbs.html в скопированном коде на имя другого файла, который используется для отображения списка товаров.

    Если нужно добавить список товаров в информационную страницу или в шаблон темы дизайна другого приложения Webasyst, то замените в скопированном коде обозначение THEME_ID на идентификатор темы дизайна того раздела сайта, в которым вы размещаете список товаров.

Добавьте заголовок списка

Название списка автоматически не появится на витрине. Чтобы добавить название над списком товаров, используйте подходящий фрагмент HTML-кода, например, такой:

<h5>Новинки</h5>

3 комментария

  • +1
    Iwan Iwan 17 января 2018 07:03 #

    Как вывести список товаров в письме?


  • +1
    Сергей Сергей 14 марта 2018 10:59 #

    Где можно посмотреть идентификатор темы дизайна?

    • +1
      Михаил Ушенин Михаил Ушенин Webasyst 14 марта 2018 12:02 #

      На странице настроек темы внизу найдите строку вида

      Путь к папке темы wa-data/public/shop/themes/default

      Фрагмент после "themes" — это идентификатор темы дизайна. В этом примере — default.

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

      Чтобы добавить комментарий, зарегистрируйтесь или войдите