Категория аккордеон на 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

Где подобрать современный шаблон WordPress

Пак необходимых плагинов – WordPress Plugins Pack

10 новых jQuery плагинов, которые нельзя пропустить

EventOn v2.3.15 – WordPress Event Calendar Plugin

АДАПТИВНЫЕ ВКЛАДКИ — RESPONSIVE TABS

Инструкция как стать программистом с нуля