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

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

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

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

Способ №1

  1. Ищем файл стилей по пути
    1
    
    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

  3. Замените все значения на
    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. Открываем файл
    1
    
    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>
  4. И удаляем его. После того как вы загрузите файл назад, навигационная цепочка должна пропасть только с карточек товаров.

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

 

загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *