# 9 макетов для магазинов URL: https://canvaswp.com/ru/templates/shop/ Updated: 2026-11-03 Шаблоны Макеты каталога WooCommerce: количество колонок и положение боковой колонки, страницы категорий, страницы фильтров, затем корзина и оформление заказа. [Открыть живую витрину](https://demos.canvaswp.com/classic/) [Просмотреть демо-сайты](https://canvaswp.com/ru/demos/) Обновлено 3 ноября 2026 г. - [4 колонки (откроется в новой вкладке)](https://demos.canvaswp.com/classic/shop/) - [3 колонки (откроется в новой вкладке)](https://demos.canvaswp.com/classic/shop-3/) - [2 колонки (откроется в новой вкладке)](https://demos.canvaswp.com/classic/shop-2-right-sidebar/) - [1 колонка (откроется в новой вкладке)](https://demos.canvaswp.com/classic/shop-1/) - [Макеты товаров (откроется в новой вкладке)](https://demos.canvaswp.com/classic/product/pink-printed-dress/) - [Категории: Parallax (откроется в новой вкладке)](https://demos.canvaswp.com/classic/shop-category-parallax/) - [Фильтр комбинаций (откроется в новой вкладке)](https://demos.canvaswp.com/classic/shop-combination-filter/) - [Корзина (откроется в новой вкладке)](https://demos.canvaswp.com/classic/cart/) - [Оформление заказа (откроется в новой вкладке)](https://demos.canvaswp.com/xmas/xmas-checkout/) Каждая ссылка открывает настоящую страницу на живой витрине, созданную той же темой и теми же блоками, которые вы установите. Из чего состоит каждая страница ## Страницы магазина, собранные из блоков и шаблонов 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 шаблонов магазина: от галереи товара до проверки заказа. - [WooCommerce в Canvas](https://canvaswp.com/ru/woocommerce/) ### Пошаговое руководство Товары, страница магазина, страница товара, корзина и оформление заказа, в том порядке, в каком вы бы их создавали. - [Запустить магазин WooCommerce](https://canvaswp.com/ru/guides/start-a-woocommerce-store-with-wordpress/) ### Демо для магазинов Мода, керамика, мебель и многое другое, каждое из которых можно просмотреть постранично перед импортом. - [Сравнение демо для e-commerce](https://canvaswp.com/ru/wordpress-themes/ecommerce/) Другие шаблоны ## Остальная библиотека - [Шаблоны страниц 13](https://canvaswp.com/ru/templates/page-templates/) - [Шорткоды и элементы 57](https://canvaswp.com/ru/templates/shortcodes/) - [Макеты портфолио 27](https://canvaswp.com/ru/templates/portfolio/) - [Шаблоны блога 35](https://canvaswp.com/ru/templates/blog/)