Перейти к содержанию
Официальный форум поддержки Simpla

Раскрывающееся боковое меню


Рекомендуемые сообщения

нашел здесь тему по поводу раскрывающегося\выпадающего бокового меню... но теперь вопрос стоит в том, что делать если у меня структура вот такая:

Раздел 1
-Подраздел 1
-Подраздел подраздела 1
-Подраздел подраздела 2
-Подраздел подраздела 3
-Подраздел 2
-Подраздел 3
-Подраздел 4
Раздел 2
-Подраздел 1
-Подраздел 2
-Подраздел 3
-Подраздел 4



нужен разворот только подразделов а разделы должны быть развернуты всегда примерно вот так:


Раздел 1
-Подраздел 1
-Подраздел 2
-Подраздел 3
-Подраздел 4
Раздел 2
-Подраздел 1
-Подраздел 2
-Подраздел 3
-Подраздел 4


А уже при нажатии к примеру на "-Подраздел 2" заворачивало " -Подраздел подраздела" вот так :

Раздел 1
-Подраздел 1
-Подраздел подраздела 1
-Подраздел подраздела 2
-Подраздел подраздела 3
-Подраздел 2
-Подраздел 3
-Подраздел 4
Раздел 2
-Подраздел 1
-Подраздел 2
-Подраздел 3
-Подраздел 4

если ставлю разворот то у меня меню получается вот так:
Раздел 1
Раздел 2
а при нажатии на "Раздел 1" получается вот так:

Раздел 1
-Подраздел 1
-Подраздел 2
-Подраздел 3
-Подраздел 4
Раздел 2

или если нажать на "Раздел 2" то вот так:

Раздел 1
Раздел 2
-Подраздел 1
-Подраздел 2
-Подраздел 3
-Подраздел 4



кто сталкивался пожалуйста помогите с решением данной задачи... заранее благодарен...

Ссылка на сообщение
Поделиться на другие сайты

В шаблоне настраиваешь отображение полного меню.

Далее +javascript или +jquery.

Скриптов для такого меню в интернете миллион - плохо что вы не удосужились произвести даже минимальных усилий перед тем как задавать вопрос на форуме.

Ссылка на сообщение
Поделиться на другие сайты

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

а по теме, дело в том что вторую вложенность он определяет как основную категорию... при этом результат есть но не до конца...

Ссылка на сообщение
Поделиться на другие сайты

В <head> index.tpl, не забываем про jquery, если не подключен.

<script src="./js/jquery-1.2.6.min.js" type="text/javascript"></script>
{literal}<script type="text/javascript">
$(document).ready(function(){
$(".exp > span").click(function(){
$(this).toggleClass("active");
$(this).next(".catalog_menu").slideToggle("slow");
$(this).next(".catalog_menu").toggleClass("active"); return false;
});
});
</script>{/literal}

Ищем в том же index.tpl - блок с боковым меню и меняем его на:

<!-- Меню каталога /-->

{defun name=categories_tree categories=$categories}
{if $categories}
<ul class="catalog_menu">
{foreach item=c from=$categories}
{if count($c->subcategories) !=0}
<li class="exp"><span tooltip='category' category_id='{$c->category_id}'>{$c->name}</span>
{fun name=categories_tree categories=$c->subcategories}
</li>
{else}
<li><a href='catalog/{$c->url}' tooltip='category' category_id='{$c->category_id}'>{$c->name}</a></li>
{/if}
{/foreach}
</ul>
{/if}
{/defun}

<!-- Меню каталога #End /-->

От этого уже можно отталкиваться и дорабатывать. Работоспособность только что проверил.
Вопросом пожалуй остается, как сохранить открытые вкладки в меню с минимальными усилиями?
Ничего умнее печенек на ум не приходит.

P/S Агро свое оставьте для школьников.

Ссылка на сообщение
Поделиться на другие сайты

Огромное спасибо за помощь...но не мог бы ты еще помочь с тем что у меня все же открыты все категории и под категории...ты же в это 100% лучше разбираешься...
сейчас у меня вот такая ситуация:

Категория1 - не активная (но раскрытая как нужно)
-под категория
-под категория
-под категория
-под категория
-под категория
-под категория
-под категория
-под категория
-под категория
Категория2 - не активная (но раскрытая как нужно)
-под категория - не активная и раскрытая (здесь раскрытая не нужна, нужна просто активная)
--под категория под категории
--под категория под категории
--под категория под категории
-под категория
-под категория
-под категория
-под категория
-под категория

Ссылка на сообщение
Поделиться на другие сайты

<!-- Меню каталога /-->

{defun name=categories_tree categories=$categories depth=0}
{if $categories}
<ul class="catalog_menu">
{if $depth neq 0}
{foreach item=c from=$categories}
{if count($c->subcategories) neq 0}
<li class="exp"><span tooltip='category' category_id='{$c->category_id}'>{$c->name}</span>
{fun name=categories_tree categories=$c->subcategories depth=`$depth+1`}
</li>
{else}
<li><a href='catalog/{$c->url}' tooltip='category' category_id='{$c->category_id}'>{$c->name}</a></li>
{/if}
{/foreach}
{else}
{foreach item=c from=$categories}
<li><span tooltip='category' category_id='{$c->category_id}'>{$c->name}</span>
{fun name=categories_tree categories=$c->subcategories depth=`$depth+1`}
</li>
{/foreach}
{/if}
</ul>
{/if}
{/defun}

<!-- Меню каталога #End /-->

Собственно, отображение списка для любого уровня вложенности таким образом можно настроить самому.

Ссылка на сообщение
Поделиться на другие сайты

ÿ çíàþ ÷òî ÿ òåáÿ óæå äîñòàë íî âñå ðàâíî ó ìåíÿ ïîä êàòåãîðèÿ ðàñêðûòà...â ÷åì äåëî íå ïîéìó...

Ссылка на сообщение
Поделиться на другие сайты

вот как оно отображается

http://img852.imageshack.us/i/asdmi.jpg/

мне нужно чтобы где по 2 точки , эта под категория не раскрывалась...

Ссылка на сообщение
Поделиться на другие сайты

По какому принципу выбираются категории, которые не должны разворачиваться ?

В первом посте:

Категория без предка = Раздел = категория вложенности 0.
Категория с предком Разделом = Подраздел = категория вложенности 1.

Разделы - статичны, не кликабельны.
Подразделы - статичны, при нажатии сворачивают/разворачивают входящие в них категории.

Что изображено на картинке увы сложно определить. Давайте как-нибудь точно опишем, желаемый результат ?

Ссылка на сообщение
Поделиться на другие сайты

Вот подробно то что мне нужно...
http://img715.imageshack.us/i/copymqn.jpg/
я просто уже неделю мучаюсь....
дружище помоги...очень нужно...

Ссылка на сообщение
Поделиться на другие сайты

на изображении в левой части как у меня сейчас отображается, а в правой части 1-это как должно до нажатия отображаться, а 2- это отображение при нажатии (разворачивание)

Ссылка на сообщение
Поделиться на другие сайты

Как я понял проблема в том, что меню изначально развернуты.
Если сделать так, то должны быть свернуты:

<ul class="catalog_menu" {if $depth ge 1}style="display:none;"{/if}>

Ссылка на сообщение
Поделиться на другие сайты

большое спасибо дружище...все получилось...коряво но получилось...человеческое тебе спасибо...
если не затруднит напиши свой скайп...

Ссылка на сообщение
Поделиться на другие сайты

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

Ссылка на сообщение
Поделиться на другие сайты
  • 10 месяцев спустя...

<div id="catalog_menu"><div class="menu-top"></div>
{* Рекурсивная функция вывода дерева категорий *}
{function name=categories_tree}
{if $categories}
<ul>
{foreach $categories as $c}
{* Показываем только видимые категории *}
{if $c->visible}
{assign var="checker" value=false}
{foreach $c->subcategories as $cc}
{if $category->id == $cc->id}{assign var="checker" value=true}
{elseif $cc->subcategories}
{foreach $cc->subcategories as $ccc}
{if $category->id == $ccc->id}{assign var="checker" value=true}
{elseif $ccc->subcategories}
{foreach $ccc->subcategories as $cccc}
{if $category->id == $cccc->id}{assign var="checker" value=true}{/if}
{/foreach}
{/if}
{/foreach}
{/if}
{/foreach}
<li class="menu-item{if $checker or $category->id == $c->id} selected{/if}{if $c@iteration == 1} firt-item{/if}{if $c@last} last-item{/if}">
{if $c->image}<img src="{$config->categories_images_dir}{$c->image}" alt="{$c->name}">{/if}
<a href="catalog/{$c->url}" category_id="{$c->id}">{$c->name}</a>
</li>
{if $checker or $category->id == $c->id}
{categories_tree categories=$c->subcategories}
{/if}
{/if}
{/foreach}
</ul>
{/if}
{/function}
{categories_tree categories=$categories}
<div class="menu-bottom"></div>
</div>
Вот все что нужно вставить для такого меню

Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...