Настройка страниц корзины и оформления заказа

Страницы «Корзина» и «Оформление заказа» — важная часть процесса покупки. Блоки WooCommerce для корзины и оформления заказа позволяют покупателям удобно просматривать товары и завершать покупку без лишних действий, что помогает повысить конверсию. В этой статье рассматриваются шаблоны и блоки этих страниц, а также настройка и переход на новый формат, чтобы внешний вид и функциональность соответствовали вашему магазину.

• Настройка страницы корзины
• Настройка страницы оформления заказа
• Блок мини-корзины

Настройка страницы корзины

Шаблон корзины отображает товары, выбранные покупателем: количество, цены и скидки. Это позволяет пользователю проверить заказ перед переходом к оформлению. Основной элемент — блок «Корзина», который объединяет несколько блоков WooCommerce: товары, итоги заказа, доставку и кнопки оформления.

Подробные инструкции по работе с шаблоном корзины, настройке блока и возврату к классической версии смотрите здесь: Настройка страницы корзины.

Настройка страницы оформления заказа

Шаблон «Оформление заказа» проводит клиента через финальные шаги покупки. Здесь пользователь вводит данные доставки и оплаты, выбирает способ оплаты и проверяет заказ. Основной элемент — блок «Оформление заказа», который объединяет все этапы оформления.

Подробные инструкции по настройке страницы оформления заказа и возврату к классической версии: Настройка страницы оформления заказа.

Использование блоков корзины и оформления заказа

В магазинах WooCommerce, созданных после версии 8.3 (ноябрь 2023), блоки «Корзина» и «Оформление заказа» используются по умолчанию. Никаких дополнительных настроек для их работы не требуется. Если используется блочная тема, можно сразу переходить к настройке шаблонов.

Замена шорткодов корзины и оформления заказа

Если вы обновляете существующий магазин или хотите вернуться к блочному интерфейсу, выполните следующие шаги: Возврат к классической корзине и оформлению заказа

1. Если используется блочная тема: перейдите в Внешний вид → Редактор → Страницы, выберите «Корзина» или «Оформление заказа» и нажмите значок «Редактировать».
   Если используется обычная тема: перейдите в Страницы → Все страницы и откройте нужную страницу.
2. Откройте список блоков и выберите блок «Корзина» или «Оформление заказа».
3. Нажмите кнопку «Преобразовать» на панели инструментов блока.
4. Выберите «Классический шорткод».
5. Блок будет заменён на классический шорткод.
6. Сохраните изменения, нажав кнопку «Сохранить».

Примечание: блоки «Корзина» и «Оформление заказа» работают вместе, поэтому при возврате к классической версии нужно изменить оба блока.

Возврат к классической корзине и оформлению заказа

Оба блока можно вернуть к классическому виду через кнопку «Преобразовать» на панели блока. Подробные инструкции:

• Возврат к классической корзине
• Возврат к классическому оформлению заказа

Блок «Уведомления магазина»

На страницах корзины и оформления заказа используется блок «Уведомления магазина». В нём отображаются сообщения для покупателей, созданные WooCommerce или установленными расширениями.

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

Стили блоков

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

Блок «Мини-корзина»

Блок «Мини-корзина» позволяет покупателям быстро просматривать содержимое корзины с любой страницы магазина. В этом руководстве объясняется, как работает блок «Мини-корзина», и как настроить его внешний вид и поведение для удобства покупателей.

Изучите настройки и возможности настройки блока «Мини-корзина».

Шаблон мини-корзины (выдвижная панель)

Блок «Мини-корзина» использует шаблонную часть для отображения содержимого. Подробнее о том, как открыть и отредактировать эту часть шаблона, читайте на странице «Мини-корзина».

Совместимые расширения

Информация о совместимости расширений с блоками «Корзина» и «Оформление заказа» указывается на странице продукта на WooCommerce.com. Найдите раздел Совместимость, чтобы проверить, поддерживает ли расширение работу с этими блоками.

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

Если вы используете расширение, которое заявило о своей несовместимости, при выборе блока «Оформление заказа» или любого вложенного блока в боковой панели настроек появится предупреждение и кнопка для перехода на классическое оформление заказа в один клик.

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

Если вы используете плагин, который некорректно работает с блоками «Корзина» и «Оформление заказа», свяжитесь с его разработчиками и сообщите, что вам нужна поддержка блочной версии оформления заказа.

Если у вас есть сторонний плагин, который, по вашему мнению, несовместим, вы можете обратиться к разработчику и порекомендовать ему ознакомиться с материалами по подтверждению совместимости. Разработчики должны указывать совместимость своих плагинов, чтобы пользователям не приходилось разбираться с этим самостоятельно.

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

Почему отображается сообщение «Нет доступных способов оплаты»?

Если вы используете блок «Оформление заказа» и у вас активны только несовместимые платежные шлюзы, на странице оформления заказа не будет доступных способов оплаты, и появится соответствующее предупреждение.

В боковой панели настроек блока во внутреннем блоке «Способы оплаты» вы увидите возможность быстро вернуться к классическому оформлению заказа.

Расширяемость — для разработчиков

Интерфейсы расширения для блоков «Корзина» и «Оформление заказа» продолжают активно развиваться. Если вы создаёте расширения или доработки, интегрирующиеся с WooCommerce, рекомендуется следить за обновлениями и учитывать изменения.

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

Если вы нашли расширение, которое выглядит несовместимым, имеет смысл сообщить об этом разработчику, чтобы ускорить появление поддержки.

• Блок оформления заказа