Категория аккордеон на Opencart 2.x без модуля


Категория аккордеон на Opencart 2.x без модуля

Категория аккордеон на Opencart 2.x без модуля

Всем привет.Сегодня хочу Вам рассказать как сделать такчто бы на Opencart 2.x заглавная категория в левом меню сайтатам где аккордеон была не кликабельнано при этом раскрывались все дочерние категории.

1. Простая регистрация и заказ Simple – Хак со Счетом
2. Как убрать смотреть все в под категориях
3. OcStore 2.1 (OpenCart 2.1) улучшаем страницы товаров
4. Атрибуты товара на странице категории Opencart

И так с чего мы начнем?
Первое что необходимо сделать это создать копии файлов сайта или хотя бы тех файлов которые будут описаны в данной статье.Приступим.
В первую очередь мы пойдем прямиком вот сюдаcatalog/controller/module/category.php.
В этом файле находим вот такую строчку:

if ($category['category_id'] == $data['category_id']) {

и меняем на:

if ($category['category_id']) {

Следующим шагом будет полная переписка вот этого файла: catalog/view/theme/ВАША_ТЕМА/template/module/category.tpl. Обратите внимание, что словосочетание «ВАША_ТЕМА» — это название темы сайта которая находится тут: catalog/view/theme/.
Можете полностью скопировать код ниже:

<div id="accordion">
 <div class="panel list-group"> <?php foreach ($categories as $category) { ?> <?php if ($category['children']) { ?> <?php if ($category['category_id'] == $category_id) { ?> <a class="list-group-item panel-heading active" data-toggle="collapse" data-parent="#accordion" href="#<?php echo $category['category_id']; ?>"><?php echo $category['name']; ?><i class="indicator glyphicon glyphicon-triangle-bottom pull-right"></i></a> <?php } else { ?> <a class="list-group-item panel-heading" data-toggle="collapse" data-parent = "#accordion" href="#<?php echo $category['category_id']; ?>"><?php echo $category['name']; ?><i class="indicator glyphicon glyphicon-triangle-bottom pull-right"></i></a> <?php } ?> <div id="<?php echo $category['category_id']; ?>" class = "panel-collapse collapse"> <?php foreach ($category['children'] as $child) { ?> <?php if ($child['category_id'] == $child_id) { ?> <a href="<?php echo $child['href']; ?>" id="accordion-body" class="list-group-item active">&nbsp;&nbsp;&nbsp;- <?php echo $child['name']; ?></a> <?php } else { ?> <a href="<?php echo $child['href']; ?>" id="accordion-body" class="list-group-item">&nbsp;&nbsp;&nbsp;- <?php echo $child['name']; ?></a> <?php } ?> <?php } ?> <a href="<?php echo $category['href']; ?>" class="list-group-item">Все <?php echo $category['name']; ?></a> </div> <?php } else { ?> <?php if ($category['category_id'] == $category_id) { ?> <a href="<?php echo $category['href']; ?>" class="list-group-item active"><?php echo $category['name']; ?></a> <?php } else { ?> <a href="<?php echo $category['href']; ?>" class="list-group-item"><?php echo $category['name']; ?></a> <?php } ?> <?php } ?> <?php } ?> </div> </div> <script> function toggleTriangle(e) { $(e.target) .prev('.panel-heading') .find("i.indicator") .toggleClass('glyphicon-triangle-bottom glyphicon-triangle-top'); } $('#accordion').on('hidden.bs.collapse', toggleTriangle); $('#accordion').on('shown.bs.collapse', toggleTriangle); </script>

Должно получиться примерно следующее:

Категория аккордеон

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

В следующий раз расскажу о супер СЕО модуле который помогает сайту перелинковываться)))

Previous Адаптивный шаблон для Opencart - Fastor 2.0
Next Модуль вывода атрибутов для товара группами

Suggested Posts

Обработка форм с помощью PHP | Видео

Создаем собственный шрифт из иконок для сайта

PHP + cURL: авторизация на WordPress методом POST

Скачать множество кнопок, стикеров, разнообразных элементов в PSD формате

Оформление карт Google под себя

Верификация email-а после регистрации