Перейти к содержимому
Помощь
Разделы и блоки конструктора

Как показать рекомендуемые товары (бестселлеры, новинки, со скидкой) на главной странице?

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

3 минуты чтения

Секция Рекомендуемые товары показывает сетку или карусель ваших товаров. Она сама подбирает их, например ваши бестселлеры или новинки.

Добавьте секцию

  1. Откройте конструктор и выберите Главная страница на вкладке Страницы.
  2. На вкладке Секции нажмите Добавить новую секцию и выберите Рекомендуемые товары в группе Товары.
  3. Выберите, какие товары показывать, затем нажмите Опубликовать.

Секция доступна только на главной странице, до 2 на страницу. Например, одна для бестселлеров и одна для товаров со скидкой.

Какие товары показываются

Режим источника выбирает и сортирует товары:

  • Новейшие: сначала товары, добавленные последними.
  • Самые старые: сначала товары, добавленные первыми.
  • Самые продаваемые: товары с наибольшим количеством проданных единиц. Брошенные оформления заказа не учитываются.
  • Со скидкой: только товары со скидкой, которая еще не закончилась. См. Как задать цены на товары, скидки и цены для разных рынков?
  • Лучшие по рейтингу: только товары хотя бы с одним опубликованным отзывом, сначала с самой высокой средней оценкой.

Фильтр коллекции ограничивает список одной коллекцией или Все. Показываться могут только опубликованные и не скрытые товары.

Макет

  • Ширина секции: Страница или Полный.
  • Макет: Сетка или Карусель (ряд, который покупатели листают или прокручивают).
  • Столбцы: карточек в ряду на компьютерах или видимых карточек в карусели.
  • Количество товаров: 4, 6, 8, 10 или 12 товаров.
  • Кнопка «Показать больше» (только для сетки): добавляет под сеткой кнопку, которая подгружает больше товаров. Каждое нажатие подгружает еще столько же, сколько задано в количестве товаров, а кнопка показывается, только если есть что подгрузить.
  • Столбцы на мобильном (1 или 2) и Карусель на мобильном, которая превращает сетку в карусель на телефонах (только для сетки).
  • Иконки навигации и Фон иконки: стрелки карусели. Они показываются, только когда есть что прокручивать.
  • Цветовая схема, Промежуток между карточками, Отступы и вкладка Пользовательский CSS.

Заголовок и карточки товаров

Нажмите Добавить новый блок, чтобы поставить заголовок над или под товарами: до 2 блоков Текст, 1 Разделитель и 1 Группа. Блок Карточка товара есть всегда и задает, как выглядит каждый товар (изображение, название, цена, рейтинг, кнопка покупки). См. Как изменить вид карточек товаров и коллекций?

Рецепты

  • Бестселлеры одной коллекции: режим источника "Самые продаваемые", фильтр коллекции с этой коллекцией.
  • Секция распродажи: режим источника "Со скидкой", а для значка экономии в цене карточки выберите процент.
  • Длинный список товаров: макет "Сетка" с включенной кнопкой "Показать больше", чтобы покупатели подгружали больше, когда захотят.

Полезно знать

  • Если ни один товар не подходит, покупатели видят сообщение "Товаров пока нет". Проверьте, что товары опубликованы и что у них есть скидка (для "Со скидкой") или отзыв (для "Лучшие по рейтингу").
  • Кнопка "Показать больше", столбцы на мобильном и карусель на мобильном скрыты, когда макет "Карусель".
  • Чтобы показать товары коллекции на самой странице коллекции, см. Секция товаров коллекции.

Всё ещё нужна помощь?

Напишите нам, и мы вам ответим.

Свяжитесь с нами