Главная страница документации › Commerce Studio и магазин
Смотреть видеоурок
EP 8 · WooCommerce Laundry Shop: Search, Filters, Quick View & Compare · 4:15 · YouTube
Другие видеоуроки
Каталог и информация об услугах
Используйте обычные поля: название, цену, краткое и полное описание, изображения, остатки и категории товаров. В панели данных товара на вкладке General также есть поля Price unit, Typical turnaround, What is included, Before collection и Care limitations.
Указывайте только то, что ваш бизнес действительно может выполнить. Пустые поля не выводятся. Демонстрационные цены и тексты — это примеры, которые нужно заменить до запуска. Существующие изображения товаров сохраняются.
Магазин и магазины ниш
Главная страница магазина ищет по всем опубликованным услугам каталога. Посетители могут фильтровать по специализации прачечной, максимальной цене и наличию, а также сортировать по названию услуги, цене или новизне. Поиск, фильтрация и пагинация работают без перезагрузки страницы.
Каждая из 105 страниц магазинов ниш использует собственное сопоставление товаров. Версии для Gutenberg, Elementor, WPBakery и Classic вызывают один и тот же компонент каталога. Окружающие нативные разделы редактируйте в соответствующем редакторе.
Используйте шорткод в блоке Shortcode редактора Gutenberg, в виджете Shortcode редактора Elementor, в текстовом блоке WPBakery или в Classic Editor:
[laundryes_woocommerce_store niche="laundromat"]
[laundryes_commerce_store]Если ниша не указана, распознанная страница ниши подставляет свою нишу. На обычной странице шорткод показывает весь каталог.
Инструменты покупок
| Инструмент | Поведение |
|---|---|
| Быстрый просмотр | Показывает актуальную цену, изображение, описание услуги и сведения об уходе. Простые услуги, доступные для покупки, можно добавить в корзину через AJAX. Товары с вариантами ведут на страницу товара. |
| Сохранённые услуги | Хранит до 30 идентификаторов товаров в этом браузере. Между аккаунтами и устройствами список не синхронизируется. Цены и наличие обновляются при открытии списка. |
| Сравнение | До четырёх услуг рядом, с текущими ценами WooCommerce и указанными вами сведениями об уходе. |
| Корзина Laundry bag | Выдвижная корзина показывает настоящую корзину WooCommerce, промежуточный итог, кнопки удаления и ссылки на корзину и оформление заказа. |
| Панель заказа товара | Закреплённая панель возвращает посетителя к обычной форме выбора вариантов и количества на странице товара. Реальную цену корзины рассчитывает WooCommerce. |
Забор и оформление заказа
При оформлении заказа указываются желаемая дата забора, интервал забора, предпочтения по уходу и инструкции. Корзина и оформление заказа остаются нативными блоками WooCommerce, а My Account остаётся областью аккаунта WooCommerce. Купоны, налоги, доставка, связанные товары, дополнительные продажи и история заказов определяются вашей конфигурацией WooCommerce.
Правила проверки и примечание о том, что даты бронирования — это пожелания, а не зарезервированная загрузка, смотрите в разделе Бронирование, забор и операции.
Платежи и запуск
В публичной демо-версии темы включена нативная оплата WooCommerce наличными при получении с названием Pay on collection or delivery, в том числе для виртуальных услуг прачечной. При оформлении заказа деньги с карты не списываются. Название, описание, инструкции и ограничения по доставке можно изменить в WooCommerce → Settings → Payments → Cash on delivery.
- Это настройка магазина. Импорт ниши не включает платёжные шлюзы в вашем магазине.
- Прямой банковский перевод доступен в WooCommerce, но остаётся отключённым, пока вы не укажете проверенные банковские реквизиты.
- Для оплаты картами и электронными кошельками нужны совместимый плагин провайдера и подключение мерчанта. Выберите провайдера, который поддерживает страну вашего бизнеса, валюту и блоки Checkout, проверьте всё в его тестовой среде (sandbox) и включайте рабочий режим только после проверки настроек бизнеса.
- Никогда не вводите данные карты в примечаниях к заказу.
Настройки покупок для прачечной
- Кнопки вариантов услуги используют нативные атрибуты вариативного товара и наличие вариантов в WooCommerce. Без JavaScript работает обычный выпадающий выбор.
- Недавно просмотренные услуги хранят до 12 идентификаторов товаров на этом устройстве и показывают до шести актуальных товаров. Кнопка Clear history удаляет их.
- Выбранный вид — сеткой или списком — сохраняется на этом устройстве. Поиск, сортировка и фильтр по цене остаются доступными.
- Необязательные рекомендации услуг используют Product data → Linked Products → Cross-sells. Это отдельные покупки, а не комплект со скидкой.
- My Account содержит ярлыки к услугам, истории заказов и адресам. Кнопка Order again использует нативные проверки и условия WooCommerce.
- Задайте Price unit в Product data → General. Если у вариации единица не указана, она наследует единицу родительского товара.
Демо: Laundry bag care с тремя редактируемыми размерами сумок и примерными ценами.
Услуги только по запросу цены и руководства по уходу
- Отредактируйте услугу и откройте Product data → General.
- Включите Quote only и укажите ID опубликованной страницы для запросов.
- После этого услуга показывает Priced after assessment и ссылается на эту страницу. Прямая покупка отключается проверкой товара в WooCommerce, включая вариации. Обычные розничные товары остаются доступными для покупки.
- Добавьте форму запроса на целевую страницу и настройте её доставку. В коммерческом демо используется Contact Form 7. Она не создаёт заказ, не резервирует загрузку и не списывает деньги с клиента.
Задайте Garment care guide в Product data → General, чтобы на странице услуги показывалось сворачиваемое руководство по подготовке вещей. Давайте советы, конкретные для принимаемых вами изделий; пустые руководства не выводятся.
Демо: Commercial linen care assessment.
Поиск, сортировка и фильтры каталога сохраняют состояние в URL, которым можно делиться: после перезагрузки и нажатия кнопки «Назад» в браузере выбранные фильтры восстанавливаются, а кнопка Reset сбрасывает их. Закреплённая панель заказа следует за изменениями нативных вариаций, а единицы цены сохраняются в информации об услуге, загружаемой через AJAX.
Объём функций
В качестве ориентиров для покупательского опыта изучались другие темы для электронной коммерции. Washlora не заявляет о полном соответствии их функциям и не копирует их проприетарный код.
| Возможность | Статус в Washlora |
|---|---|
| Живой поиск, AJAX-фильтры, быстрый просмотр, сравнение, сохранённые услуги, выдвижная корзина | Входит в Commerce Studio |
| Кнопки вариантов услуги, история просмотров, вид сеткой и списком, связанные дополнения, ярлыки аккаунта, единицы цены | Входит |
| Услуги только по запросу цены, руководства по уходу за вещами, состояние фильтров, которым можно делиться | Входит |
| Синхронизация списка желаний между аккаунтами | Не входит — сохранённые услуги остаются на устройстве |
| Динамические скидки на комплекты, бесплатные подарки, письма о появлении в наличии, возврат брошенных корзин, оповещения о цене | Не входит |
| Автоматическое регулярное списание, слоты забора с учётом загрузки | Не входит |
| Визуальные конструкторы шаблонов магазина из других тем | Не входит — Washlora сохраняет собственную систему из четырёх редакторов |
| Платежи | Нативное оформление заказа WooCommerce. Банковский перевод и онлайн-провайдеры требуют настройки мерчанта. |
Устранение неполадок магазина
- Магазин ниши пуст: убедитесь, что его товары опубликованы, видны в каталоге и назначены нужной нише.
- Отображается старое оформление: очистите кэш для затронутой страницы.
- Проблемы с корзиной, оформлением заказа или аккаунтом: сессии не должны попадать в кэш страниц. Отключите кэширование содержимого для запросов сессий WooCommerce.
- Сохранённый список исчезает: для сохранённых списков нужно хранилище браузера. В режиме приватного просмотра, после очистки данных сайта или на другом устройстве тот же список не сохранится. WooCommerce проверяет все суммы и наличие; данным из хранилища браузера они никогда не доверяются.