Как изменить страницу корзины WooCommerce
Если стандартная страница корзины WooCommerce не вписывается в структуру сайта, её можно заменить на более удобную страницу или встроить корзину в другой раздел. На практике это делают по-разному: через настройки WooCommerce, через шорткод, через блоки в редакторе или через шаблон темы. Выбор зависит от того, нужно ли просто назначить другую страницу корзины или перенести сам виджет/блок корзины в нестандартное место.
Самое важное здесь — не сломать связку между корзиной, оформлением заказа и мини-корзиной в шапке. После замены нужно проверить, что товары добавляются, количество меняется, купоны работают, а кнопка перехода к оформлению заказа ведёт туда, куда нужно.
Что именно можно изменить в WooCommerce
Под фразой «изменить страницу корзины» обычно имеют в виду одну из трёх задач:
- назначить другой URL для страницы корзины вместо стандартной;
- вставить содержимое корзины в обычную страницу, раздел или шаблон темы;
- сделать не отдельную страницу, а корзину как часть другого пользовательского сценария, например внутри лендинга или страницы магазина.
WooCommerce сам по себе не хранит корзину как «жёстко привязанную» страницу. Он использует страницу, на которой размещён шорткод или блок корзины, и связывает её с настройкой в админке. Поэтому в большинстве случаев достаточно создать новую страницу и указать её в настройках WooCommerce.
Самый безопасный способ: заменить стандартную страницу через настройки
Если задача — просто сделать другой адрес корзины, это лучший вариант. Он не требует правки шаблонов и обычно не ломает оформление темы.
- Создайте новую страницу в WordPress.
- Добавьте на неё блок корзины WooCommerce или шорткод
[woocommerce_cart]. - Сохраните страницу.
- Откройте WooCommerce → Настройки → Товары или WooCommerce → Настройки → Дополнительно — в зависимости от версии WooCommerce и интерфейса админки.
- Найдите поле страницы корзины и выберите созданную страницу.
- Сохраните изменения.
После этого WooCommerce начнёт использовать новую страницу как основную корзину. Старую можно оставить как черновик, удалить или перенаправить на новую, если она уже была в индексе или на неё вели внутренние ссылки.
Если у вас современная версия WooCommerce с блоками, можно вставить блок корзины вместо шорткода. Для классических тем и старых установок шорткод по-прежнему работает надёжно и предсказуемо.
Как вставить корзину в другой раздел сайта
Иногда нужно не заменить страницу, а встроить корзину в уже существующий раздел: на отдельную страницу, в шаблон лендинга, в колонку или в область контента темы. Здесь есть два рабочих варианта.
Вставка через шорткод
Это самый простой способ, если нужный раздел поддерживает обычный контент WordPress. Достаточно вставить:
[woocommerce_cart]Шорткод можно добавить в обычную страницу, в запись, в HTML-блок конструктора или в шаблон, если он выводит содержимое через редактор. В результате на этом месте появится стандартная корзина WooCommerce.
Такой способ удобен, когда нужно быстро протестировать новую структуру страницы. Но он не всегда подходит для сложных макетов: корзина может растянуться, конфликтовать с сеткой темы или выглядеть не так, как на стандартной странице WooCommerce.
Вставка через шаблон темы
Если корзину нужно вывести в нестандартном месте темы, обычно правят шаблон дочерней темы. Внутри PHP-шаблона можно вызвать шорткод через do_shortcode():
<?php echo do_shortcode('[woocommerce_cart]'); ?>Этот вариант полезен, когда корзина должна появляться в отдельном шаблоне страницы, внутри кастомного блока или в layout, который не редактируется через обычный контент. Но здесь уже важно работать именно в дочерней теме, иначе обновление темы затрёт изменения.
Если тема использует собственные шаблоны WooCommerce, иногда достаточно переопределить файл корзины в дочерней теме. Но это уже более хрупкий путь: при обновлениях WooCommerce шаблон может устареть, и его придётся проверять вручную.
Когда лучше не трогать шаблоны, а оставить стандартную корзину
Не всегда есть смысл переносить корзину в другое место. Стандартная страница WooCommerce обычно уже учитывает:
- адаптивность на мобильных устройствах;
- кнопки обновления количества и удаления товара;
- переход к оформлению заказа;
- совместимость с купонами и доставкой;
- поведение плагинов оплаты и доставки.
Если вы просто хотите сделать корзину «красивее», иногда проще не менять её расположение, а доработать саму страницу стилями темы или дочерней темы. Это безопаснее, чем переносить корзину в нестандартный шаблон, где могут всплыть проблемы с версткой и скриптами.
Перенос особенно осторожно стоит делать, если магазин использует плагины, которые завязаны на стандартные страницы WooCommerce: подписки, бронирования, мультивалютность, сложные способы доставки. В таких конфигурациях любая замена страницы должна быть проверена вручную.
Что проверить после замены страницы корзины
После того как вы назначили новую страницу или вставили корзину в другой раздел, не ограничивайтесь визуальной проверкой. Нужно пройтись по рабочему сценарию покупателя.
- Товар добавляется в корзину из каталога и карточки товара.
- Корзина открывается по новой ссылке, а не возвращает на старый URL.
- Количество товаров меняется и пересчитывается сумма.
- Удаление товара работает без ошибок.
- Купон применяется и снимается корректно.
- Кнопка перехода к оформлению заказа ведёт на страницу checkout.
- На мобильном устройстве корзина не «ломает» ширину экрана.
- Если есть кэш, он не показывает старую версию страницы.
Отдельно проверьте мини-корзину в шапке, если она используется. Иногда новая основная страница корзины работает нормально, а мини-корзина ведёт себя иначе из-за темы или отдельного плагина.
Типичные проблемы после переноса корзины
Чаще всего проблемы появляются не из-за самой страницы, а из-за окружения.
Старый URL продолжает открываться. Это бывает, если старая страница осталась опубликованной и на неё ведут ссылки. В таком случае настройте редирект на новую страницу или обновите внутренние ссылки вручную.
Корзина выглядит сломанной. Обычно причина в стилях темы или в конфликте с конструктором страниц. Проверьте страницу в стандартном редакторе WordPress без лишних блоков и виджетов.
Кнопка оформления заказа не работает. Проверьте, что страница checkout назначена в настройках WooCommerce и не удалена. Иногда проблема возникает после переноса корзины в шаблон, где не подгружаются нужные скрипты.
Корзина пустеет после обновления страницы. Это уже похоже на проблему с кэшем, сессиями или настройками сервера. На хостинге должны корректно работать cookies и PHP-сессии, а агрессивный кэш не должен сохранять динамическую корзину как обычную HTML-страницу.
Если нужен более гибкий вариант, чем стандартная страница
Иногда владельцу магазина нужна не просто новая страница корзины, а более гибкая компоновка: корзина рядом с блоком рекомендаций, в отдельной колонке, в лендинге или в теме с нестандартной сеткой. В таком случае лучше строить решение вокруг дочерней темы или шаблона страницы, а не пытаться «впихнуть» корзину в произвольный блок без проверки.
Если вы используете тему для интернет-магазина, имеет смысл сначала посмотреть, не поддерживает ли она собственные шаблоны WooCommerce и настройки макета. Например, темы, заточенные под магазин, обычно проще адаптировать под нестандартную корзину, чем универсальные шаблоны без WooCommerce-логики. Но даже в этом случае базовый принцип тот же: сначала создаёте новую страницу или шаблон, затем назначаете его в WooCommerce и только потом тестируете весь путь покупки.
Если после замены страницы корзины вы видите, что тема или плагины мешают нормальной работе, не пытайтесь лечить это случайной правкой файлов ядра WooCommerce. Правильнее вернуть стандартную страницу, проверить конфликт на чистой теме или в дочерней теме и уже после этого переносить корзину заново.
На практике безопасная схема выглядит так: создать новую страницу, вставить туда корзину, назначить её в настройках WooCommerce, проверить сценарий покупки и только потом удалять или скрывать старую страницу. Это самый предсказуемый способ изменить страницу корзины WooCommerce без лишнего риска для магазина.