9 макетов для магазинов
Макеты каталога WooCommerce: количество колонок и положение боковой колонки, страницы категорий, страницы фильтров, затем корзина и оформление заказа.
Обновлено
- 4 колонки (откроется в новой вкладке)
- 3 колонки (откроется в новой вкладке)
- 2 колонки (откроется в новой вкладке)
- 1 колонка (откроется в новой вкладке)
- Макеты товаров (откроется в новой вкладке)
- Категории: Parallax (откроется в новой вкладке)
- Фильтр комбинаций (откроется в новой вкладке)
- Корзина (откроется в новой вкладке)
- Оформление заказа (откроется в новой вкладке)
Каждая ссылка открывает настоящую страницу на живой витрине, созданную той же темой и теми же блоками, которые вы установите.
Страницы магазина, собранные из блоков и шаблонов
WooCommerce отвечает за магазин: товары, остатки, корзину и платежи. Canvas оформляет страницы, по которым проходит покупатель, и каждый из этих макетов собран из элементов, которые входят в состав темы и её плагина.
Колонки каталога
Страница с четырьмя колонками — это сама страница магазина WooCommerce, которую выводит шаблон архива товаров темы. Страницы с тремя, двумя и одной колонкой содержат блок Canvas Products, где настройка «Колонки» определяет число карточек в ряду, и размещаются на странице с одним из четырёх шаблонов магазина: на всю ширину или с боковой панелью слева, справа или с обеих сторон.
Страница товара
Макет товара задаётся шаблоном, который вы выбираете при редактировании. Помимо стандартной страницы есть варианты с боковой колонкой слева, справа или с обеих сторон, закреплённой сводкой, вариантами цвета и списком характеристик, а также шаблон Linked Gallery, который доступен и в виде карусели.
Баннеры категорий
Стопка из блоков Parallax Image на всю высоту экрана, по одному изображению на категорию, каждое из которых движется при прокрутке страницы. У блока есть собственный оверлей и содержимое, поэтому заголовок и кнопка могут направлять покупателей в нужный раздел магазина.
Комбинированный фильтр
Блок Canvas Products с двумя панелями Grid Filter над ним, одна с подписью «Выбрать категорию», другая с подписью «Сортировать по», чтобы покупатель сразу сужал каталог до одного типа и упорядочивал товары по названию или цене без перезагрузки страницы.
Корзина
В демонстрационной корзине используется блок «Корзина» из WooCommerce. Canvas добавляет собственные блоки Canvas Cart Table и Canvas Cart Totals для магазинов, которые хотят выстроить страницу корзины блок за блоком.
Оформление заказа
В пустой корзине нет оформления заказа для показа, поэтому эта ссылка открывает оформление заказа демо Christmas Store, собранное из блоков Canvas Checkout Billing и Canvas Checkout Order Review. Это демо импортируется вместе с товарами и готовым оформлением заказа.
Какой макет магазина подходит для вашего каталога
Ориентируйтесь на размер каталога. Небольшой ассортимент с сильными фотографиями лучше смотрится в широких карточках: по две или три в ряд либо в одну колонку, если каждому товару нужен собственный абзац. Большому каталогу нужно показывать больше товаров на экране сразу, для этого и предназначена страница магазина в четыре колонки.
Используйте комбинированный фильтр, когда покупатели выбирают сразу по двум признакам: сначала по типу, затем по цене. Размещайте баннеры категорий на главной странице или в лукбуке, где картинка продаёт раньше, чем сетка товаров.
На странице товара выбирайте шаблон исходя из того, что заставляет покупать. Одежда продаётся по цвету, поэтому версия с палитрой цветов здесь оправдана. Технические товары продаются за счёт деталей, для этого и нужен список характеристик, а закреплённая сводка удерживает цену и кнопку в поле зрения на длинной странице.
Импорт в виде магазинов WooCommerce доступен для 21 из 88 демо-сайтов: с товарами, категориями и готовыми страницами корзины и оформления заказа.
Возможности магазина
24 блока WooCommerce и 18 шаблонов магазина: от галереи товара до проверки заказа.
Пошаговое руководство
Товары, страница магазина, страница товара, корзина и оформление заказа, в том порядке, в каком вы бы их создавали.
Демо для магазинов
Мода, керамика, мебель и многое другое, каждое из которых можно просмотреть постранично перед импортом.
Остальная библиотека
Начните с готовой страницы
Все 141 макет входят в каждый тариф вместе с каждым блоком и каждым демо.