Готовый интернет-магазин на WordPress и WooCommerce

Гибкое оформление каталога

Внешний вид магазина настраивается без изменения шаблонов.

Для карточек товаров предусмотрены два варианта:

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

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

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

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

Собственные блоки Gutenberg

Главная и внутренние страницы собираются в стандартном редакторе WordPress. Визуальный конструктор для работы с сайтом не требуется.

В тему добавлены собственные блоки:

Первый экран

• фоновое изображение или видео;
• отдельное изображение-заставка для видео;
• настройка затемнения;
• настройка высоты блока;
• обычная или широкая область контента;
• размещение внутри блока стандартных элементов Gutenberg.

Промо-сетка

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

Категории

• вывод выбранной таксономии;
• сетка или карусель;
• настройка количества элементов и колонок;
• выбор оформления карточек.

Записи и товары

Один блок используется для вывода:

• товаров;
• акций;
• записей блога.

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

Настраиваемые контакты

Телефоны, адреса, электронная почта, мессенджеры и социальные сети сохраняются в одном разделе. Эти данные можно использовать в шапке, подвале, контактных блоках и кнопке связи.

При изменении номера телефона или ссылки не нужно редактировать каждый участок сайта отдельно.

Фиксированная кнопка связи

В нижнем углу экрана можно разместить постоянную кнопку связи.

Для кнопки настраиваются:

• один или несколько способов связи;
• положение на экране;
• цвета;
• иконка;
• анимация;
• поведение при нажатии.

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

Контакты выбираются из общего списка сайта и не дублируются в настройках кнопки. Можно использовать готовую Bootstrap Icon или собственную SVG-иконку.

Акции и скидки

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

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

Список желаний

Покупатель может сохранять товары и возвращаться к ним позже. Кнопка добавления размещается непосредственно в карточках каталога и на странице товара.

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

Управление внешним видом

Через настройки темы можно изменить:

• основные цвета сайта;
• оформление карточек;
• количество колонок;
• вид меню каталога;
• сайдбар;
• содержимое подвала;
• контакты и социальные сети;
• платёжный баннер;
• отображение записей и акций.

Тема использует Bootstrap 5 и стандартные компоненты WordPress и WooCommerce. Это упрощает дальнейшую доработку и не привязывает сайт к тяжёлому визуальному конструктору.