Автор Тема: Горизонтальное меню на основе category_tree.tpl.html  (Прочитано 11849 раз)

Оффлайн Bukem

  • Пользователь
  • **
  • Сообщений: 52
    • Просмотр профиля
Lego 5.0.2
Вопрос как осуществить данную затею, чтоб из списка убиралась предыдущая категория.
Например
1 Обувь 1-1 Мужская
              1-2 Женская
2            2-1
              2-2

Если мы выбираем (1-1 Мужская), то соответственно все остальные убираются, но если имеется пункт 1-1-1 (т.е. 3 уровень меню), то он остается не тронутым.
У меня получилось осуществить только  так:
Выбираем 1-1, на экране видим 1-1 , 1-1-1 , 2-1. Если выбираю 2-1, то выходит 1-1, 2-1, 2-1-1
<ul  id="verticalmenu" class="glossymenu">
    {assign var="old" value=0}
    {assign var="ja" value=0}
    {section name=i loop=$categories_tree}
{if $categories_tree[i].level>0}
        <a href="./{$categories_tree[i].hurl}" {if $categoryID == $categories_tree[i].categoryID} class="selected" {/if}>{$categories_tree[i].name}</a>
{assign var="old" value= $categories_tree[i].level}
{/if}
    {/section}
</ul>

nictboom

  • Гость
Re: Горизонтальное меню на основе category_tree.tpl.html
« Ответ #1 : Ноября 08, 2012, 01:16:41 pm »
думаю js можно. типо меню-аккордион.

Оффлайн Bukem

  • Пользователь
  • **
  • Сообщений: 52
    • Просмотр профиля
Re: Горизонтальное меню на основе category_tree.tpl.html
« Ответ #2 : Ноября 08, 2012, 04:29:50 pm »
не не, аккордеон сворачивает либо разворачивает, а мне надо чтоб просто скрывалось то, что не нужно
Вот пример как надо , только тут двухуровневое меню, оно у меня получилось, а надо трехуровневое.

Оффлайн Bukem

  • Пользователь
  • **
  • Сообщений: 52
    • Просмотр профиля
Re: Горизонтальное меню на основе category_tree.tpl.html
« Ответ #3 : Ноября 08, 2012, 06:02:23 pm »
вот получилось разделить катекории 1 уровня и 2, сейчас задача убрать категории первого уровня если выбрана категория второго
<ul  id="verticalmenu" class="glossymenu">
    {assign var="old" value=0}
    {assign var="ja" value=0}
    {section name=i loop=$categories_tree}
{if $categories_tree[i].level==1}
        <a href="./{$categories_tree[i].hurl}" {if $categoryID == $categories_tree[i].categoryID} class="selected" {/if}>{$categories_tree[i].name}</a> &nbsp&nbsp|&nbsp&nbsp
{/if}
      {/section}
        <br>
    {section name=l loop=$categories_tree}
          {if $categories_tree[l].level==2}
        <a href="./{$categories_tree[l].hurl}" {if $categoryID == $categories_tree[l].categoryID} class="selected" {/if}>{$categories_tree[l].name}</a> &nbsp&nbsp|&nbsp&nbsp
{/if} 
    {/section}
</ul>

nictboom

  • Гость
Re: Горизонтальное меню на основе category_tree.tpl.html
« Ответ #4 : Ноября 08, 2012, 06:32:32 pm »
у Вас subcateg.tpl.html есть? че б его не использовать? он выводит субкатегоии, то бишь вложения в выбранной категории.
ps/ где сия конструкция вообще должна быть?
« Последнее редактирование: Ноября 08, 2012, 06:35:20 pm от nictboom »

nictboom

  • Гость
Re: Горизонтальное меню на основе category_tree.tpl.html
« Ответ #5 : Ноября 08, 2012, 06:46:14 pm »
например так попробуйте добавить после <div id="breadcrumb">...</div>:
{if $categoryID}
  <div style="display:block;padding:10px;">
  <span style="text-transform: uppercase;">{$selected_category[1]}:</span>
{foreach from=$subcategories_to_be_shown item=subc name=scat}
<a title="{$subc[1]}" href="{$subc[2]}" style="padding:0px 10px;">{$subc[1]}</a>|
{/foreach}
  </div>
{/if}


Оффлайн Bukem

  • Пользователь
  • **
  • Сообщений: 52
    • Просмотр профиля
Re: Горизонтальное меню на основе category_tree.tpl.html
« Ответ #6 : Ноября 08, 2012, 07:16:17 pm »
Цитировать
Вас subcateg.tpl.html есть? че б его не использовать?
этот шаблон уже изменен под свои хотелки, с шаблоном меню я хочу сделать то же что и на сайте IKEA, только проблемма в том, что у меня уровней подменю больше 2 и я не знаю как избавится от предыдущего уровня.
Цитировать
например так попробуйте добавить после <div id="breadcrumb">...</div>:
Именно в breadcrumb и хочу сделать меню, т.е. в шапке сатичное меню на категории 1 уровня, а в breadcrumb уже динамическое меню, категорий 2,3 и тд уровней.

Оффлайн Bukem

  • Пользователь
  • **
  • Сообщений: 52
    • Просмотр профиля
Re: Горизонтальное меню на основе category_tree.tpl.html
« Ответ #7 : Ноября 08, 2012, 07:22:46 pm »
понял ход ваших мыслей, к чему изобретать велосипед, подправлю subcateg.tpl.html для подгрузки его в нужное мне место предварительно переименовав, но тем не менее оч интересно как же осуществить первоначальную задумку ))

Оффлайн Bukem

  • Пользователь
  • **
  • Сообщений: 52
    • Просмотр профиля
Re: Горизонтальное меню на основе category_tree.tpl.html
« Ответ #8 : Ноября 09, 2012, 04:18:53 am »
с subcateg.tpl.html не понял как убрать функцию "если заходишь в товар, то subcateg.tpl.html убирается"

nictboom

  • Гость
Re: Горизонтальное меню на основе category_tree.tpl.html
« Ответ #9 : Ноября 09, 2012, 03:44:11 pm »
в category.tpl.html найти {include file="subcateg.tpl.html"}   
и просто закоментировать, например {*include file="subcateg.tpl.html"*}.
взять тот код что я выше предлагал и вставить вместо <div id="breadcrumb">...</div>

Оффлайн Bukem

  • Пользователь
  • **
  • Сообщений: 52
    • Просмотр профиля
Re: Горизонтальное меню на основе category_tree.tpl.html
« Ответ #10 : Ноября 09, 2012, 05:46:55 pm »
этот код показался наиболее удачным
<ul  id="verticalmenu" class="glossymenu">
    {assign var="old" value=0}
    {assign var="ja" value=0}
    {section name=i loop=$categories_tree}
{if $categories_tree[i].level==1}
        <a href="./{$categories_tree[i].hurl}" {if $categoryID == $categories_tree[i].categoryID} class="selected" {/if}>{$categories_tree[i].name}</a> &nbsp&nbsp|&nbsp&nbsp
{/if}
      {/section}
        <br>
    {section name=l loop=$categories_tree}
          {if $categories_tree[l].level==2}
        <a href="./{$categories_tree[l].hurl}" {if $categoryID == $categories_tree[l].categoryID} class="selected" {/if}>{$categories_tree[l].name}</a> &nbsp&nbsp|&nbsp&nbsp
{/if} 
    {/section}
</ul>
я просто в ксс прописал разные стили, но еще работаю над этим.
В идеале конечно былоб так:
нажимаем Обувь отоброжается (Обувь: Мужская Женская...)
Нажимаем Женская, отображается (Обувь - Женская: Туфли Тапки ...)

nictboom

  • Гость
Re: Горизонтальное меню на основе category_tree.tpl.html
« Ответ #11 : Ноября 09, 2012, 06:07:27 pm »
Цитировать
В идеале конечно былоб так
тогда можно использовать и breadcrumb и вывод из субкатегорий.
breadcrumb будет показывать иерархию переходов(категория-> подкатегория т.д.), субкатег показывать вложения в выбранных категориях.
Цитировать
этот код показался наиболее удачным
ну а если глубина вложения будет до 4-х?
в общем как то так. боритесь  :)
« Последнее редактирование: Ноября 09, 2012, 06:08:58 pm от nictboom »