Хлебные крошки – это полезная функция навигации на веб-сайтах, в том числе в интернет-магазинах WooCommerce. Однако могут быть случаи, когда вы захотите удалить хлебные крошки специально со страницы магазина. В этой статье мы рассмотрим различные методы и предоставим простые для понимания примеры кода, которые помогут вам решить эту задачу. Итак, давайте углубимся и узнаем, как удалить хлебные крошки со страницы магазина WooCommerce!

Метод 1: использование фрагмента кода в файле function.php
Один из способов удалить навигационную цепочку со страницы магазина в WooCommerce — добавить фрагмент кода в файл functions.phpвашей темы. Откройте файл и добавьте следующий код:

function remove_woocommerce_breadcrumbs() {
  if (is_shop()) {
    remove_action('woocommerce_before_main_content', 'woocommerce_breadcrumb', 20);
  }
}
add_action('template_redirect', 'remove_woocommerce_breadcrumbs');

Сохраните файл, и хлебные крошки теперь должны быть удалены со страницы магазина. Этот метод проверяет, является ли текущая страница страницей магазина, с помощью функции is_shop()и удаляет хлебные крошки с помощью функции remove_action().

Метод 2: использование плагина WooCommerce
Если вы предпочитаете более удобный подход, вы можете использовать плагин WooCommerce для удаления навигационных цепочек со страницы магазина. Вот несколько популярных плагинов, которые помогут вам в этом:

• “WooCommerce Breadcrumbs Remover”: установите и активируйте этот плагин, и он предоставит возможность отключить хлебные крошки на странице магазина через настройки WooCommerce.

• «Фрагменты кода»: установите и активируйте этот плагин, чтобы добавить на свой веб-сайт пользовательские фрагменты кода. После активации создайте новый фрагмент и вставьте фрагмент кода, упомянутый в методе 1. Сохраните фрагмент, и навигационные цепочки будут удалены.

Метод 3: стилизация CSS
Другой метод удаления навигационных цепочек со страницы магазина WooCommerce — использование стилизации CSS. Вы можете скрыть хлебные крошки, используя свойство display: none;. Вот пример того, как этого можно добиться:

body.archive.woocommerce .woocommerce-breadcrumb {
  display: none;
}

Добавьте приведенный выше код CSS в CSS-файл вашей темы или настройщик, и хлебные крошки больше не будут видны на странице магазина.

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