Как удалить корзину WooCommerce из меню без плагинов

Диагностика проблемы: зачем и когда нужно убрать корзину WooCommerce из меню

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

Пошаговое решение: удаление корзины из меню через код

1. Определяем, как корзина добавляется в меню

WooCommerce часто использует функцию woocommerce_mini_cart() или добавляет элемент через wp_nav_menu_items. В зависимости от темы корзина может быть добавлена в меню через кастомный walker или хук.

2. Отключаем добавление корзины через фильтр wp_nav_menu_items

Пример кода, который удаляет элемент корзины из основного меню с локацией primary:

add_filter('wp_nav_menu_items', 'remove_woocommerce_cart_from_menu', 10, 2); function remove_woocommerce_cart_from_menu($items, $args) { if ($args->theme_location === 'primary') { // Удаляем ссылки содержащие слово 'cart' из меню $items = preg_replace('#<li[^>]*class="menu-item-cart"[^>]*>.*?</li>#si', '', $items); } return $items; }

В зависимости от темы класс menu-item-cart может отличаться. Чтобы узнать точный класс, откройте код меню через инспектор браузера.

3. Удаляем виджет корзины из области виджетов (если используется)

Если корзина добавлена через виджет WooCommerce Cart, удалите его в разделе Внешний вид > Виджеты.

4. Отключаем автоматическое добавление корзины через хуки

В некоторых темах корзина добавляется через хуки, например, wp_footer или wp_nav_menu_items. Для удаления используйте:

remove_action('wp_footer', 'woocommerce_cart_fragment');

Или найдите в теме, где добавляется корзина, и закомментируйте этот код.

Проверка результата после внедрения

• Обновите страницу сайта и очистите кэш браузера.
• Проверьте меню в режиме инкогнито, чтобы убедиться, что элемент корзины исчез.
• Используйте инспектор кода браузера, чтобы убедиться, что в меню отсутствует HTML-код корзины.
• Проверьте работу корзины на странице магазина — функционал должен остаться, просто элемент в меню исчез.

Частые ошибки и как исправить

• Ошибка: Элемент корзины не исчезает из меню.
  Причина: Неправильный класс CSS в регулярном выражении. Проверьте класс через инспектор и скорректируйте код.
• Ошибка: Удаление влияет на другие меню.
  Причина: Фильтр применяется ко всем меню. Добавьте проверку локации меню ($args->theme_location).
• Ошибка: После удаления корзина перестала работать.
  Причина: Возможно, удалили не только элемент меню, но и скрипты или хуки WooCommerce, отвечающие за обновление корзины. Проверьте код и оставьте функционал корзины на странице магазина.

Практические советы по безопасности и производительности

• Не используйте тяжелые плагины для удаления одного элемента меню — это снизит нагрузку на сайт.
• Добавляйте изменения через дочернюю тему, чтобы не потерять их при обновлении.
• Проверьте, что ваш код не вызывает ошибок PHP — для этого включите режим отладки на локальной копии.
• Используйте кэширование и минимизацию CSS/JS, чтобы после удаления элемента меню не осталось лишнего кода.

Сравнение вариантов удаления корзины из меню