В панели управления WordPress перейдите в раздел «Внешний вид – Настроить». Затем в настройщике темы откройте раздел «WooCommerce – Каталог товаров».
Изменить дизайн заголовка каталога
Опция «Товары Область названия» позволяет сделать чуть более продвинутый стиль для заголовка главной страницы каталога и заголовков каждой страницы категории.
После включения этой опции откроются дополнительные параметры. Их всегда можно найти, если кликнуть по названию опции.
На вкладке «General» вы можете выбрать один из заготовленных макетов баннера, выбрать его структуру и выравнивание текста.
На вкладке «Design» вы можете изменить цвет и шрифт баннера, а также добавить отступы между элементами.
Изменить ширину контейнера
Опция «Макет контейнера» даёт два варианта для ширины содержимого на выбор: «Обычный» и «На всю ширину».
Нюанс 👀
Если выбрать вариант «По умолчанию», используется макет из раздела «WooCommerce – Общие». Если там тоже выбран вариант «По умолчанию», используется макет из раздела «Глобальные – Контейнер».
Опция «Ширина содержимого архива магазина» находится чуть ниже и позволяет указать конкретную ширину контейнера в пикселях. Для этого нужно выбрать вариант «Пользовательский».
Добавить боковую панель
Опция «Макет области виджетов» даёт три варианта расположения зоны для виджетов: «Без области для виджетов», «Левая боковая панель» и «Правая боковая панель». В боковой колонке потом можно будет разместить виджеты с фильтрами товаров.
Нюанс 👀
Если выбрать вариант «По умолчанию», используется макет из раздела «WooCommerce – Общие». Если там тоже указан вариант «По умолчанию», используется макет из раздела «Глобальные – Контейнер».
Изменить количество колонок c товарами
Опция «Столбцы магазина» позволяет выбрать от одной до шести колонок. Кликните по иконке с изображением компьютера рядом с названием опции, чтобы отрегулировать количество колонок отдельно на планшетах и смартфонах.
Изменить количество товаров на одной странице
Опция «Товаров на странице». После указанного здесь числа товаров будет идти пагинация. Не указывайте здесь слишком большое число, поскольку это может снизить скорость загрузки страницы.
Изменить структуру витрины и сортировку
Опция «На странице магазина» позволяет выбрать, какой контент должен отображаться на странице главной странице каталога: «Товары», «Категории», «Категории и товары».
Опция «Отображение категории» позволяет выбрать, какой контент должен отображаться на страницах категорий: «Товары», «Подкатегории», «Категории и товары».
Опция «Исходная сортировка товаров» позволяет изменить порядок расположения товаров на страницах вашего сайта.
- Стандартная сортировка (порядок добавления + имя)
- По популярности (продажи)
- По среднему рейтингу
- Упорядочить по последним
- По цене (возрастание)
- По цене (убывание)
Изменить структуру карточки товара
Опция «Структура карты магазина» позволяет скрыть разные компоненты карточки товара:
- Категория
- Заголовок
- Рейтинги
- Цена
- Добавить в корзину
- Краткое описание
Чтобы скрыть/отобразить тот или иной элемент, кликните по иконке с изображением глаза в нужной строке.
Элементы также можно перетаскивать мышкой, чтобы разместить в нужном порядке.
У некоторых компонентов есть стрелочка рядом с изображением глаза. Это значит, что вы можете дополнительно настроить внешний вид этого компонента.
Опция «Дизайн карты магазина» находится чуть выше и позволяет выбрать один из заготовленных стилей для карточек с товарами: «Дизайн 1» и «Дизайн 2».
В варианте «Дизайн 2» на изображении товара появится дополнительная кнопка «Добавить в корзину». На случай, если вы захотите скрыть основную кнопку.
Изменить выравнивание текста в карточках товаров
Опция «Оформление карты магазина» находится на вкладке «Design» (расположена в самом верху боковой панели).
