Legosp Forum

Shop-Script "Legosp" => Дизайн и шаблоны => Тема начата: Bukem от Ноября 08, 2012, 12:23:04 pm

Название: Горизонтальное меню на основе category_tree.tpl.html
Отправлено: Bukem от Ноября 08, 2012, 12:23:04 pm
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>
Название: Re: Горизонтальное меню на основе category_tree.tpl.html
Отправлено: nictboom от Ноября 08, 2012, 01:16:41 pm
думаю js можно. типо меню-аккордион.
Название: Re: Горизонтальное меню на основе category_tree.tpl.html
Отправлено: Bukem от Ноября 08, 2012, 04:29:50 pm
не не, аккордеон сворачивает либо разворачивает, а мне надо чтоб просто скрывалось то, что не нужно
Вот пример как надо  (http://www.ikea.com/ru/ru/catalog/categories/departments/living_room/) , только тут двухуровневое меню, оно у меня получилось, а надо трехуровневое.
Название: Re: Горизонтальное меню на основе category_tree.tpl.html
Отправлено: Bukem от Ноября 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>
Название: Re: Горизонтальное меню на основе category_tree.tpl.html
Отправлено: nictboom от Ноября 08, 2012, 06:32:32 pm
у Вас subcateg.tpl.html есть? че б его не использовать? он выводит субкатегоии, то бишь вложения в выбранной категории.
ps/ где сия конструкция вообще должна быть?
Название: Re: Горизонтальное меню на основе category_tree.tpl.html
Отправлено: nictboom от Ноября 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}

Название: Re: Горизонтальное меню на основе category_tree.tpl.html
Отправлено: Bukem от Ноября 08, 2012, 07:16:17 pm
Цитировать
Вас subcateg.tpl.html есть? че б его не использовать?
этот шаблон уже изменен под свои хотелки, с шаблоном меню я хочу сделать то же что и на сайте IKEA, только проблемма в том, что у меня уровней подменю больше 2 и я не знаю как избавится от предыдущего уровня.
Цитировать
например так попробуйте добавить после <div id="breadcrumb">...</div>:
Именно в breadcrumb и хочу сделать меню, т.е. в шапке сатичное меню на категории 1 уровня, а в breadcrumb уже динамическое меню, категорий 2,3 и тд уровней.
Название: Re: Горизонтальное меню на основе category_tree.tpl.html
Отправлено: Bukem от Ноября 08, 2012, 07:22:46 pm
понял ход ваших мыслей, к чему изобретать велосипед, подправлю subcateg.tpl.html для подгрузки его в нужное мне место предварительно переименовав, но тем не менее оч интересно как же осуществить первоначальную задумку ))
Название: Re: Горизонтальное меню на основе category_tree.tpl.html
Отправлено: Bukem от Ноября 09, 2012, 04:18:53 am
с subcateg.tpl.html не понял как убрать функцию "если заходишь в товар, то subcateg.tpl.html убирается"
Название: Re: Горизонтальное меню на основе category_tree.tpl.html
Отправлено: nictboom от Ноября 09, 2012, 03:44:11 pm
в category.tpl.html найти {include file="subcateg.tpl.html"}   
и просто закоментировать, например {*include file="subcateg.tpl.html"*}.
взять тот код что я выше предлагал и вставить вместо <div id="breadcrumb">...</div>
Название: Re: Горизонтальное меню на основе category_tree.tpl.html
Отправлено: Bukem от Ноября 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>
я просто в ксс прописал разные стили, но еще работаю над этим.
В идеале конечно былоб так:
нажимаем Обувь отоброжается (Обувь: Мужская Женская...)
Нажимаем Женская, отображается (Обувь - Женская: Туфли Тапки ...)
Название: Re: Горизонтальное меню на основе category_tree.tpl.html
Отправлено: nictboom от Ноября 09, 2012, 06:07:27 pm
Цитировать
В идеале конечно былоб так
тогда можно использовать и breadcrumb и вывод из субкатегорий.
breadcrumb будет показывать иерархию переходов(категория-> подкатегория т.д.), субкатег показывать вложения в выбранных категориях.
Цитировать
этот код показался наиболее удачным
ну а если глубина вложения будет до 4-х?
в общем как то так. боритесь  :)