Как удалить «хлебные крошки» WooCommerce в WordPress

Хлебная цепочка, также известная по-французски как «fil d’Ariane», — это элемент навигации, который отображает путь, который пользователь прошел на веб-сайте. WooCommerce, популярный плагин WordPress для электронной коммерции, по умолчанию автоматически добавляет навигационную цепочку на свои страницы. Однако могут быть случаи, когда вы захотите удалить эту функцию, чтобы упростить взаимодействие с пользователем или настроить дизайн. В этой статье мы рассмотрим несколько способов удаления навигационной цепочки WooCommerce в WordPress, а также приведем примеры кода.

Метод 1. Использование параметров настройки темы

Некоторые темы WordPress предоставляют встроенные параметры для управления отображением навигационных цепочек. Чтобы удалить навигационную цепочку WooCommerce с помощью параметров настройки темы, выполните следующие действия:

  1. Перейдите на панель управления WordPress и выберите «Внешний вид» >«Настроить».
  2. Найдите раздел, связанный с хлебными крошками или настройками WooCommerce.
  3. Отключите или отключите опцию отображения навигационных цепочек.
  4. Сохраните изменения, и навигационная цепочка WooCommerce больше не будет отображаться на вашем веб-сайте.

Метод 2. Использование собственного CSS-кода

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

  1. Перейдите на панель управления WordPress и выберите «Внешний вид» >«Настроить».
  2. Найдите раздел, связанный с «Дополнительным CSS» или «Пользовательским CSS».
  3. Добавьте следующий код в пользовательский редактор CSS:
.woocommerce-breadcrumb {
   display: none;
}
  1. Сохраните изменения, и навигационная цепочка WooCommerce должна быть скрыта на вашем веб-сайте.

Метод 3: использование дочерней темы

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

  1. Доступ к вашей установке WordPress через FTP или файловый менеджер.
  2. Перейдите в каталог «wp-content/themes» и найдите папку вашей активной темы.
  3. Создайте новый каталог внутри папки активной темы и назовите его «дочерняя тема».
  4. В папке «child-theme» создайте новый файл с именем «functions.php» (если он еще не существует).
  5. Откройте файл «functions.php» и добавьте следующий код:
<?php
function remove_woocommerce_breadcrumb() {
   remove_action('woocommerce_before_main_content', 'woocommerce_breadcrumb', 20);
}
add_action('init', 'remove_woocommerce_breadcrumb');
  1. Сохраните изменения и загрузите измененный файл «functions.php» в папку «child-theme».
  2. Активируйте дочернюю тему на панели управления WordPress.
  3. Теперь навигационная цепочка WooCommerce должна быть удалена с вашего веб-сайта.

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

Не забывайте периодически обновлять установку WordPress, темы и плагины, чтобы обеспечить совместимость и безопасность.