Как скрыть (удалить) хлебные крошки (breadcrumb) в OpenCart

Хлебные крошки важный элемент навигации по интернет магазину особенно если у вас трафик это контекстная реклама — adwords и директ. Хлебные крошки помогают ориентироваться вашим потенциальным лидам в какой категории и подкатегории он находиться. К примеру если вы не совсем угадали с желанием клиента (цвет, размер, модель товара) и послали его не на ту карточку товара, то с помощью хлебных крошек клиент сможет определить в каком он разделе и перейти на нужный ему.

Но иногда есть необходимость, для каких-то маркетинговых целей, экспериментов, убрать хлебные крошки. В OpenCart Существует два способа как их убрать:

1. Убираем со всего сайта одним махом через файл стилей
2. Убираем в конкретной позиции, к примеру в категориях, на странице контакты, на карточках товаров.

Способ №1

1. Ищем файл стилей по пути

   1	catalog/view/theme/theme137/stylesheet/stylesheet.css

   catalog/view/theme/theme137/stylesheet/stylesheet.css

2. Находим участок кода который описывает хлебные крошки

   1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

   .breadcrumb a.last { font-weight:bold; } .breadcrumb a { font-size:12px; color:#191919; text-decoration:none; } .breadcrumb a:hover { color:#2698e8; } .breadcrumb { color:#000; padding:6px 5px 5px 10px; font-size:12px; margin-bottom:10px; }

   .breadcrumb a.last { font-weight:bold; } .breadcrumb a { font-size:12px; color:#191919; text-decoration:none; } .breadcrumb a:hover { color:#2698e8; } .breadcrumb { color:#000; padding:6px 5px 5px 10px; font-size:12px; margin-bottom:10px; }

   У вас могут быть другие цифры, поэтому этот участок лучше всего найти по слову . breadcrumb

3. Замените все значения на

   1	display:none;

   display:none;

   в итоге у вас должно выйти следующие:

   1 2 3 4 5 6 7 8 9 10 11 12

   .breadcrumb a.last { display:none; } .breadcrumb a { display:none; } .breadcrumb a:hover { display:none; } .breadcrumb { display:none; }

   .breadcrumb a.last { display:none; } .breadcrumb a { display:none; } .breadcrumb a:hover { display:none; } .breadcrumb { display:none; }

Способ №2

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

1. Открываем файл

   1	catalog/view/theme/theme137/template/product/product.tpl

   catalog/view/theme/theme137/template/product/product.tpl

2. Ищем участок кода:

3. 1 2 3 4 5

   <div class="breadcrumb"> <?php foreach ($breadcrumbs as $breadcrumb) { ?> <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a> <?php } ?> </div>

   <div class="breadcrumb"> <?php foreach ($breadcrumbs as $breadcrumb) { ?> <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a> <?php } ?> </div>

4. И удаляем его. После того как вы загрузите файл назад, навигационная цепочка должна пропасть только с карточек товаров.

На этом все, но если у вас остались вопросы или пожелания напишите в комментариях, попробую вам помочь.