Как прописать отдельный css для активного пункта хлебных крошек
Опубликовано: 22.12.2017
Все мы знаем, что хлебные крошки улучшают юзабилити интернет магазинов, а также, помогают осуществить внутреннюю перелинковку сайта.
В Opencart изначально встроена возможность подключения хлебных крошек, но вот их стиль не совсем подходит для определенных задач. Так, например, при желании поменять цвет или оформление для активного пункта, а точнее страницы, на которой находится пользователь, вы не сможете этого сделать. Плюс ко всему, последний пункт стоит сделать не активной ссылкой, поскольку вы получаете ссылку, которая ведет на эту же страницу. За такое можно и фильтр от Гугл или Яндекс получить, конечно же, при наличии и других факторов, но как говориться, все моменты нам важны.
Итак, для того чтобы конструкция хлебных крошек приняла нормальный вид и дала нам возможность изменять css код активного пункта стоит поменять стандартный код хлебных крошек:
<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 $i=> $breadcrumb) { ?> <?php echo $breadcrumb['separator']; ?><?php if($i+1<count($breadcrumbs)) { ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a> <?php } else { ?><font color="#FF0000"><?php echo $breadcrumb['text']; ?></font><?php } ?> <?php } ?> </div>Делать это нужно во всех файлах, в которых они присутствуют. Этот момент не очень удобен, поскольку придется редактировать около 10 файлов. Все нужные файлы находятся в директории /catalog/view/theme/default/template/ .
Вам нужны будут директории: category , information , checkout .