Раздел Каталог товаров в настройках WooCommerce позволяет управлять общими параметрами отображения каталога.
В этом разделе вы можете:
- Настроить, что будет отображаться на странице магазина (товары или категории).
- Настроить, что будет отображаться на страницах категорий.
- Задать сортировку товаров в категории.
- Указать, сколько товаров показывать в одной строке.
- Определить, сколько строк товаров выводить на странице.
Чтобы открыть настройки каталога товаров, перейдите в Внешний вид → Настроить → WooCommerce → Каталог товаров.
Страница магазина
На странице магазина можно отображать товары, категории или и то, и другое. Рекомендуется выбрать что-то одно, чтобы пользователям было проще ориентироваться.
Как настроить:
- Выберите Товары или Категории в настройке Отображение страницы магазина.
- Посмотрите предварительный просмотр изменений справа.
- Нажмите Опубликовать, чтобы сохранить изменения.
Страницы категорий
Как и на странице магазина, для страниц категорий можно выбрать, что отображать: товары, подкатегории или и то, и другое. Рекомендуется выбрать один вариант.
Как настроить:
- Выберите Товары или Подкатегории в настройке Отображение категорий.
- Посмотрите предварительный просмотр справа.
- Нажмите Опубликовать, чтобы сохранить изменения.
Сортировка товаров по умолчанию
Параметр Сортировка по умолчанию определяет порядок отображения товаров на странице магазина и в категориях.
Посетители сайта при этом могут выбрать другой способ сортировки.
Сортировка по умолчанию (пользовательский порядок + название) — сначала учитывается заданный вручную порядок товаров, затем — сортировка по названию (по алфавиту), если позиции совпадают.
Если вы задаёте порядок товаров вручную, он будет иметь приоритет над алфавитной сортировкой.
Сортировка по популярности — товары отображаются в порядке убывания количества продаж. Покупатели видят По популярности.
Сортировка по среднему рейтингу — товары отображаются в порядке убывания среднего рейтинга по отзывам.
Сортировка по новизне — товары отображаются в порядке добавления в магазин: от новых к старым. Покупатели видят По новизне.
Сортировка по цене (по возрастанию / по убыванию) — товары сортируются по цене: от низкой к высокой или от высокой к низкой. Покупатель может выбрать Сортировать по цене: по возрастанию или Сортировать по цене: по убыванию.
В этом примере выбрана опция Сортировать по цене (по возрастанию) (Сортировать по цене: по возрастанию, отмечено ✔), и пользователь собирается выбрать По новизне.
Чтобы выбрать Порядок сортировки по умолчанию:
- Выберите нужный вариант в выпадающем списке:
- Просмотрите изменения в реальном времени. Можно открыть страницу Магазин или страницу Категории.
- Опубликуйте, чтобы сохранить изменения.
Товары в строке
Товары в строке позволяют задать количество товаров, отображаемых в одной строке на страницах Магазин и Категории.
Учитывайте:
- Размер изображений товаров
- Доступное пространство на компьютере, планшете и мобильных устройствах
- Удобство просмотра и покупки для клиента
- Используйте стрелки, чтобы увеличить или уменьшить количество товаров.
- Просмотрите изменения в реальном времени. Можно открыть страницу Магазин или страницу Категории.
- Проверьте отображение на разных устройствах. Ниже пример с одинаковыми настройками.
Экран компьютера/ноутбука
Экран планшета
Мобильное устройство
*Размер и отображение изображений могут отличаться в зависимости от используемой темы. Скриншоты выше сделаны с темой Storefront.
- Нажмите Опубликовать, чтобы завершить.
Строк на странице
Строк на странице позволяет задать количество строк на страницах Магазин и Категории.
Учитывайте:
- Размер изображений товаров
- Количество товаров в магазине
- Доступное пространство на компьютере, планшете и мобильных устройствах
- Удобство просмотра и покупки для клиента
- Используйте стрелки, чтобы увеличить или уменьшить количество строк.
- Просмотрите изменения в реальном времени. Можно открыть страницу Магазин или страницу Категории.
- Проверьте отображение на разных устройствах. Ниже пример с одинаковыми настройками.
Экран компьютера/ноутбука
Экран планшета
Мобильное устройство
*Размер и отображение изображений могут отличаться в зависимости от используемой темы. Скриншоты выше сделаны с темой Storefront.
- Нажмите Опубликовать, чтобы завершить.