Категории

Мой вариант меню с выпадающими подкатегориями

Первый раз столкнулся с Shopos, но для нужд заказчика она подходит лучше всего.
И вот дошло дело до меню категорий. Мой заказчик хочет трехуровневое меню, так чтобы при нажатии на родительскую категорию выпадали ее "детишки".

Попробовал для начала реализовать эту идею на стандартном шаблоне "cleanshop" и вот что получилось:

1. Поправил файл: /themes/cleanshop/source/inc/show_category.inc.php. В строке 42 исправил $ShowSub = false; на $ShowSub = true;.

2. Добавил в index.html следующий скрипт:

{literal}
<script>
$(document).ready(function(){
for (var i = 1; i < 4; i++) {

$('#CatNavi li.CatLevel' + i + '.SubMenue > ul').hide();

$('#CatNavi li.CatLevel' + i + '.SubMenue > a').attr("href", "#");

$('#CatNavi li.CatLevel' + i + '.SubMenue > a').toggle(
function () {
$(this).next("ul").slideDown();
},
function () {
$(this).next("ul").slideUp();
}
);

}
});
</script>
{/literal}

Здесь i - это ограничитель вложенности категорий, в моем случае до 3-его уровня вложенности.

js код можно вставить в themes/шаблон/javascript/general.js.php
, чтобы в index.html не добавлять его

А стили не правили?

js код можно вставить в themes/шаблон/javascript/general.js.php

Спасибо, это будет правильнее.

На данном шаблоне стили править не пришлось, все коректно отображается. А так я буду свой шаблон верстать, там и подправлю стили.

Источник