Скидка 30% на все шаблонные сайты до 20 января 2026

Обзор основных настроек WooCommerce в теме Izumrud

Izumrud прекрасно интегрируется с WooCommerce. Все элементы WooCommerce автоматически адаптируются к остальной части вашего веб-сайта на базе Izumrud и берут цвета и шрифты из коробки из настроек настройщика темы. Таким образом, вы сможете сразу же запустить свой магазин с минимальной настройкой. Давайте взглянем!

Настройки WooCommerce

Убедитесь, что у вас установлен плагин WooCommerce. После того, как вы его установите и активируете, вы найдете специальную вкладку для WooCommerce в Настройках.

Вкладка WooCommerce

На вкладке WooCommerce вы найдете дополнительные параметры, разбитые на дополнительные вкладки.

Примечание. Теперь мы поместили все настройки WooCommerce на одну вкладку WooCommerce. При этом настройки Izumrud с настройками WooCommerce вы найдете на указанных вкладках.

Каталог товаров

Здесь вы можете контролировать внешний вид страницы вашего магазина. Это доступные настройки:

Ширина содержимого архива магазина: вы можете выбрать вариант по умолчанию или собственный вариант. Если вы выберете пользовательскую настройку, вы можете установить ширину содержимого архива.
Столбцы магазина: количество столбцов для каждого устройства.
Товаров на странице: количество товаров, которые вы хотите отобразить.
Структура продукта магазина: структура продуктов, в которой вы можете перемещать элементы или отключать их.

Единая страница продукта

Включите или отключите отображение хлебных крошек в этом разделе.

Страница корзины

Если вы хотите отображать продукты перекрестных продаж , вы можете установить флажок «Включить перекрестные продажи».

Изображения продуктов

Вы можете установить ширину основного изображения и ширину миниатюры изображения с помощью Izumrud вместе с настройками WooCommerce, которые предоставляют параметры обрезки миниатюр.

Значок корзины в меню

Вы можете отобразить значок корзины в меню , выбрав «Внешний вид» > «Настройка» > «Заголовок» > «Основное меню» и включив WooCommerce в качестве последнего элемента в меню.

Настройка контейнера

Вы можете управлять макетом контейнера независимо на страницах WooCommerce, выбрав «Внешний вид» > «Настройка» > «Глобальные» > «Контейнер» . Установленный здесь параметр повлияет на страницы магазина WooCommerce, отдельных продуктов, корзины и оформления заказа.

Обратите внимание: вы можете переопределить настройки контейнера для отдельных страниц через мета-настройки .

Боковая панель

Вы можете независимо управлять боковыми панелями на страницах WooCommerce, таких как «Магазин», «Корзина» и «Оформление заказа». Чтобы настроить боковые панели, перейдите в «Внешний вид» > «Настроить» > «Боковая панель» .

Для дальнейшего контроля над отдельными продуктами мы предусмотрели собственную настройку боковой панели, чтобы вы могли иметь совершенно другую боковую панель.

Вы можете добавлять виджеты на любую боковую панель из Customizer.

Опять же, обратите внимание, что вы можете переопределить настройки контейнера для отдельных страниц через мета-настройки .

Базовый цвет и типографика

Как упоминалось в начале статьи, все элементы WooCommerce автоматически адаптируются к остальной части вашего веб-сайта на базе Izumrud и берут цвета и шрифты из коробки из настроек настройщика темы.