Как скрыть (удалить) хлебные крошки (breadcrumb) в OpenCart
|Хлебные крошки важный элемент навигации по интернет магазину особенно если у вас трафик это контекстная реклама — adwords и директ. Хлебные крошки помогают ориентироваться вашим потенциальным лидам в какой категории и подкатегории он находиться. К примеру если вы не совсем угадали с желанием клиента (цвет, размер, модель товара) и послали его не на ту карточку товара, то с помощью хлебных крошек клиент сможет определить в каком он разделе и перейти на нужный ему.
Но иногда есть необходимость, для каких-то маркетинговых целей, экспериментов, убрать хлебные крошки. В OpenCart Существует два способа как их убрать:
- Убираем со всего сайта одним махом через файл стилей
- Убираем в конкретной позиции, к примеру в категориях, на странице контакты, на карточках товаров.
Способ №1
- Ищем файл стилей по пути
1
catalog/view/theme/theme137/stylesheet/stylesheet.css
- Находим участок кода который описывает хлебные крошки
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
- Замените все значения на
1
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; }
Способ №2
В каждом файле где есть хлебные крошки, к примеру в контактах, категориях, продуктах и.т.д есть участок кода который их выводит. Естественно если мы удалим этот код выводиться эти данные не будут. Мы покажем на примере карточек товара, а если вам надо где-то в другом месте, вам достаточно будет просто найти соответствующий файл. Итак:
- Открываем файл
1
catalog/view/theme/theme137/template/product/product.tpl
- Ищем участок кода:
-
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>
- И удаляем его. После того как вы загрузите файл назад, навигационная цепочка должна пропасть только с карточек товаров.
На этом все, но если у вас остались вопросы или пожелания напишите в комментариях, попробую вам помочь.