Тема WordPress для e-commerce с каталогом товаров
Эти 9 демо Canvas в первую очередь построены как магазины. Импортируйте любое из них, и каталог, страницы товаров, корзина и оформление заказа появятся в дизайне выбранного демо, и в нём уже есть 106 тестовых товаров для замены.
Обновлено
Девять вариантов дизайна магазинов, всего 115 страниц
Каждое демо импортируется как готовый сайт: товары и их категории, страницы, меню, формы и все экраны WooCommerce, и всё это можно редактировать. Просмотрите живые версии до покупки.
Демо Clothing Store, предпросмотр в реальном времени (открывается в новой вкладке)
Магазины и e-commerce · 19 страниц · Что устанавливается: блоки и типы контента демо «Clothing Store»
Демо Fashion Shop, предпросмотр в реальном времени (открывается в новой вкладке)
Магазины и e-commerce · 25 страниц
Демо Furniture, предпросмотр в реальном времени (открывается в новой вкладке)
Магазины и e-commerce · 12 страниц
Демо Drone, предпросмотр в реальном времени (открывается в новой вкладке)
Магазины и e-commerce · 12 страниц
Демо Wildroot Gear, предпросмотр в реальном времени (открывается в новой вкладке)
Магазины и e-commerce · 14 страниц · Что устанавливается: блоки и типы контента демо «Wildroot Gear»
Демо Speaker Store, предпросмотр в реальном времени (открывается в новой вкладке)
Магазины и e-commerce · 11 страниц
Демо Supplement Store, предпросмотр в реальном времени (открывается в новой вкладке)
Магазины и e-commerce · 13 страниц
Демо eBook, предпросмотр в реальном времени (открывается в новой вкладке)
Магазины и e-commerce · 9 страницПочему здесь 9 магазинов, если на других страницах указано 21 магазин? В каталоге 21 демо, которые импортируют работающий магазин WooCommerce, а на этой странице 9 общих магазинов. Ещё 13 демо помещают магазин внутри сайта другого типа или продают только на один сезон или одно ремесло: Bag Store, Barber Shop, CanvasRoam, Christmas Store, Conference, Fashion Store, FORM 2026, Game of Canvas, Illustrator, Jewelry Boutique, Podcasts, Pottery Shop и Wine Estate. Все 21 демо доступны на странице WooCommerce.
Отредактируйте одну запись о товаре, и все сетки обновятся
Страницы коллекций в демо собраны из блоков магазина Canvas, которые читают каталог WooCommerce, поэтому, чтобы добавить товар или изменить цену, достаточно поправить одну запись, и все сетки обновятся. На страницах «Мужские коллекции» и «Женская коллекция» демо Clothing Store фильтр по категориям сочетается с фильтром по диапазону цен.
- 41 товар в демо «Магазин одежды», 20 товаров в демо «Магазин спортивного питания» и 16 товаров в демо «Мебель»
- Сетки, карусели, карточки категорий и фильтр по цене, каждый из которых может брать содержимое из категории, метки, поиска или вручную выбранного списка
- Задайте цвет для значения атрибута в админке, и у вариативных товаров вместо выпадающего списка появятся цветовые образцы
- Добавление в корзину из сетки или оверлея карточки обновляет корзину в шапке без перезагрузки страницы
Магазин, страница товара, корзина, оформление заказа
Canvas включает 24 блока WooCommerce и 18 шаблонов магазина, поэтому каждый экран, который видит покупатель, построен из блоков с панелью настроек, а PHP-шаблонов, которые можно переопределить, больше нет.
Магазин и коллекции
Каждое демо содержит собственные страницы каталога, например «Мужские коллекции» и «Женская коллекция» в Clothing Store или «Кольца», «Серьги», «Ожерелья» и «Браслеты» в Jewelry Boutique.
Страница товара
Страница товара по умолчанию может выводиться в виде закреплённой сводки, которая следует за галереей, списка, дизайна с акцентом на цвет или варианта с боковой колонкой. Вариант задаётся для каждого товара отдельно или как общий для магазина.
Корзина и оформление заказа
Стандартные блоки корзины и оформления заказа WooCommerce встраиваются в дизайн демо-страницы, поэтому экраны, где принимаются платежи, остаются стандартными, а окружающая страница соответствует магазину.
Запуск из трёх товаров и каталог из 41 товара
Девять магазинов намеренно разного размера, потому что запуск с одним товаром и универмаг требуют разной навигации. Начните с того, структура которого совпадает с вашей, и не тратьте полдня на удаление страниц, которые вам никогда не понадобятся.
- Clothing Store включает 19 страниц, мега-меню и 6 записей блога; Fashion Shop включает 25 страниц
- Wildroot Gear и eBook используют одностраничную навигацию для короткого ассортимента
- Jewelry Boutique добавляет страницы о доставке, оплате и истории создания изделий
- Supplement Store добавляет блог, FAQ и страницу поддержки; Drone добавляет страницы предложений, видео и аксессуаров; Speaker Store добавляет отзывы и поддержку.
Большая часть трафика магазина никогда не видит десктопную версию
Каталог, фильтры и оформление заказа построены на одних и тех же адаптивных блоках, поэтому отдельной версии вёрстки нет и не нужно помнить, что что-то надо обновить. На скриншоте демо Clothing Store в исходном виде, шириной 390 пикселей.
- Canvas загружает только CSS и JavaScript, которые нужны для отображения страницы
- Пять переключателей убирают скрипты WooCommerce со страниц, где ничего не продаётся, в том числе опрос фрагментов корзины
- Изображения товаров автоматически получают от WordPress ширину, высоту, отложенную загрузку и адаптивные размеры
- У шапки, области заголовка страницы и подвала свои правила для телефонов
Четыре вещи, которые магазину нужны помимо главной страницы
Все страницы, нужные магазину
Товары и их категории, страницы коллекций, страницы политик, меню и формы импортируются вместе, поэтому магазин корректно отображается, пока вы заменяете каталог своим.
Редактируется в самом WordPress
Цена, бейдж, баннер распродажи: каждый из них представляет собой поле блока в редакторе, который входит в WordPress. Лицензию конструктора страниц не нужно продлевать вместе с темой.
Обратимо
Canvas фиксирует всё, что записывает импорт. Команда «Удалить данные демо» убирает их обратно, так что проба второго дизайна магазина обойдётся вам разве что в полдня работы.
Помощь с текстами включена
Никому не нравится писать описания товаров. CanvasAI Engine создаёт черновики и переписывает текст в любом поле блока, а на тарифе Ежегодно доступны ежемесячные AI-кредиты.
Продажи в интернете, без лишних слов
Ответы, которые верны для девяти демо-магазинов в том виде, в котором они выпущены.
С какого из девяти демо для магазинов стоит начать?
Подберите демо Canvas для магазина под каталог, который у вас действительно есть. Clothing Store и Fashion Shop — большие каталоги моды с мега-меню и страницами коллекций. Furniture и Jewelry Boutique — магазины, где покупку тщательно обдумывают, с длинными страницами товаров. Drone, Speaker Store и Supplement Store — небольшие ассортименты с блогом и страницей поддержки. Wildroot Gear и eBook — одностраничные запуски для нескольких товаров. Все демо построены на одной теме, поэтому вы выбираете стартовый дизайн и ничего более обязывающего.
Нужен ли по-прежнему плагин WooCommerce?
Да: WooCommerce управляет магазином, а Canvas отвечает за дизайн. WooCommerce хранит товары, остатки, заказы, налоговые правила, зоны доставки и платёжные шлюзы, поэтому ваши другие расширения WooCommerce продолжат работать. Canvas добавляет поверх слой дизайна: 24 блока магазина, 18 шаблонов магазина и 39 параметров магазина. Выберите демо магазина в мастере настройки: он установит и активирует WooCommerce до запуска импорта.
Я уже продаю товары. Импорт создаст вторую страницу оформления заказа?
Нет: импортёр Canvas ищет уже имеющиеся у вас страницы магазина, корзины, оформления заказа и аккаунта и направляет на них меню и ссылки демо. Дублирующий набор страниц не создаётся. Ваши товары и заказы не затрагиваются, а всё, что импорт создал, удаляется кнопкой Delete Demo Data.
Нужно ли покупать блоки магазина отдельно?
Нет: все блоки магазина Canvas (24) относятся к премиум-блокам, и каждый тариф включает все премиум-блоки, все шаблоны магазина и все 21 демо-магазин. Тарифа для e-commerce и дополнения для магазина нет. В других продуктах это распространено: Shop Kit от Kadence входит в тарифы Pro и Elite, виджеты WooCommerce в Elementor доступны начиная с тарифа Advanced Solo, а OceanWP продаёт Ocean eCommerce Pro как отдельный продукт.
Что Canvas не делает для магазина?
Canvas не занимается коммерцией. Платежи и налоги, тарифы доставки, подписки, бронирования, членство, CRM: всё это относится к WooCommerce и его расширениям. Canvas создаёт дизайн магазина, страницы товара, корзины и оформления заказа, но не вмешивается в части, связанные с деньгами. Поэтому позже смена темы не затронет ваши заказы.
На скольких сайтах действует одна лицензия?
Любая лицензия Canvas распространяется на неограниченное число сайтов и сети мультисайтов. Тариф «Ежегодно» стоит 79 $ в год, а «Пожизненно» — 299 $ единоразово. Тарифы отличаются способом оплаты, обновлениями и AI-кредитами, но никогда набором функций: лицензия для одного магазина включает те же блоки, что и лицензия для агентства.
Откройте магазин с каталогом товаров
Одна лицензия распространяется на все демо-магазины, все блоки магазина и все шаблоны магазина. Импортируйте один из них через мастер настройки, а затем замените товары и изображения демо своими.