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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

21 комментарий

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

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


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

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

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

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

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

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

    • +1
      Bobbystore.kg Bobbystore.kg 30 мая 2018 12:14 #

      Не могу понять куда именно вставлять? В index.html или куда? Если в индекс то после какой строки? Мне нужно что бы на главной странице сайта просто появился дополнительный список. И пожалуйста если можно это реализовать, сделайте эту процедуру проще, что бы не ковыряться в коде. Я не разработчик, и пользуюсь сервисом для того что бы освободить себя от рутинных процесов. Заранее спасибо!

      • +1
        Михаил Ушенин Михаил Ушенин 30 мая 2018 14:13 #

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

        Я не разработчик

        Добавление нового списка товаров (как и любого другого нового элемента) на витрину магазина — это задача для разработчика, это не рутинная задача менеджера магазина. Пробуйте сначала самостоятельно. Если не будет получаться, запросите помощь у партнёров Webasyst. Со временем вы накопите опыт, получите полезные знания и сможете редактировать тему дизайна без посторонней помощи.

      • +2
        Алексей Малеев Алексей Малеев 23 декабря 2018 11:46 #

        Есть возможность вставить список товаров на страницу корзины? Версия шопа 8

      • +1
        azhaxmetovat ажахметова azhaxmetovat ажахметова 18 января 2020 08:03 #

        удалила нечаяно товары в списке лучшие предложения-удалился слайд товаров на витрине.как вернуть назад.и как добавить  товар,чтобы они отражались в слайде?

        • +1
          Михаил Ушенин Михаил Ушенин 20 января 2020 09:04 #

          Добавьте товары снова в этот список. Или восстановите базу данных из резервной копии, если первый совет по каким-то причинам невозможен.

        • +1
          diremezov diremezov 18 февраля 2020 16:45 #

          А можно делать временные подборки товаров с прямой ссылкой? Ну например начали акцию на айфоны зеленого цвета. Выбрали все. Загнали в список. Сделал баннер с прямой ссылкой на эту подборку. Не создавая каждый раз категории в общем.

          • +1
            Михаил Ушенин Михаил Ушенин 18 февраля 2020 19:13 #

            Можно создавать страницы в разделе «Витрина» и публиковать на них любые списки товаров.

          • +1
            Helen Helen 6 мая 2020 00:25 #

            Список создан и добавлен в нужное место, но по каким-то причинам кнопка "В корзину" получилась на английском языке, т.е. "Add to cart". И наклейки тоже стали на английском. Как можно поправить?

            • +1
              Михаил Ушенин Михаил Ушенин 16 июня 2020 12:17 #

              Мы выпустили обновление Shop-Script с исправлением локализации наклеек для изображений товаров. Обновление можно установить в «Инсталлере».

              Проверьте, пожалуйста. Сообщите нам, если проблема сохранилась.

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

            • +1
              Руслан Гумеров Руслан Гумеров 10 ноября 2020 09:45 #

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

              Как разместить список в боковой панели, тема дизайна Гипермаркет?

              • +1
                Эрик Эрик 11 ноября 2020 12:15 #

                Добавляйте код списка в шаблоне дизайна sidebar.html, раздел Магазин / Витрина / Шаблоны

              • +1
                asokolov1979 asokolov1979 27 ноября 2020 09:01 #

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

                • +1
                  Михаил Ушенин Михаил Ушенин 27 ноября 2020 09:12 #

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

                • +1
                  Elena Elena 26 февраля 2021 14:51 #

                  можно ли установить в бэкенде порядок сортировки товаров списка на внешней стороне?

                • +1
                  dum dum 24 июня 2021 14:08 #

                  Вставляю код в шаблон, и получаются списком (в столбик).
                  Как сделать, что бы было в одну линию (плитка).

                  {if $wa->shop}
                  {$products = $wa->shop->productSet("bestsellers")}
                  {$wa->shop->getListThumbsTemplate($products)}
                  {/if}



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

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

                  Раздел помощи работает на основе приложения «Хаб»