Открыть Каталог На Один Уровень
#1
Отправлено 19 Ноябрь 2012 - 23:02
Спасибо заранее!
#2
Отправлено 19 Ноябрь 2012 - 23:45
Мне бы подошел вариант из этой темы форума, т.е 2 отдельных каталога. Или еще как-то реализовать. Попробовал. Стиль списка сменился, видимо, описан вариант не для моего стиля. Пришлось бэкапить. Подскажите один рабочий вариант разделения на 2 части.
Еще раз спасибо!
#4
Отправлено 20 Ноябрь 2012 - 15:37
Koderhan (20 Ноябрь 2012 - 12:33) писал:
#5
Отправлено 20 Ноябрь 2012 - 16:06
Цитата
<div class="block">
<div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Товары</a></div>
<div class="blockmain navigation fnt12n">
<ul>
{%IFNOT catalog_empty %}
{% FOR catalog %}
{% IFNOT catalog.HIDE %}
<li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %}
{% IF catalog.CURRENT %}fnt12b{% ENDIF %}">
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul>
</div>
<div class="blockbottom"></div>
</div>
<!-- END Каталог сайта -->
<!-- Каталог сайта 2 -->
<div class="block">
<div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Атрибутика</a></div>
<div class="blockmain navigation fnt12n">
<ul>
{%IFNOT catalog_empty %}
{% FOR catalog %}
{% IF catalog.HIDE %}
<li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %}
{% IF catalog.CURRENT %}fnt12b{% ENDIF %}">
<a href="{catalog.URL}"
{% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul>
</div>
<div class="blockbottom"></div>
</div>
<!-- END Каталог сайта 2 -->
Все равно, если категорию товаров скрываю, она во втором из окон не отображается. Ведь чувствую, что тут буквально одну какую-то вещь поправить, подскажите, какую именно.
#6
Отправлено 20 Ноябрь 2012 - 16:36
Братишка (19 Ноябрь 2012 - 23:02) писал:
Спасибо заранее!
Вчера я отвечала на аналогичный вопрос меню слева страницы
Как я понимаю, Вы уже сделали меню Атрибутика, теперь сюда Вам нужно добавить пункты меню.
Я не знаю как Вы создавали меню, поэтому сейчас начну все сначала, а Вы следуйте по порядку всем этим пунктам и потом найдете то, что Вы не правильно сделали:
1. Для начала нужно создать разделы, которые будут находиться в этом меню: панель управления -> Товары -> Товары -> Каталог товаров на сайте -> Правой кнопкой мыши -> Создать подраздел -> Пишете название категории, например, избранное -> Правой кнопкой мыши по созданной категории -> Настроить категорию -> Здесь можете прописать к ней специальный адрес, по которому будет на нее переходить и нужно поставить галочку у пункта "Скрыть товарную категорию на сайте" -> Сохранить
2. Теперь заходите в раздел "админки" Сайт -> Меню -> Cоздать блок меню -> Название и имя переменной в шаблоне лучше пишите одинаковое (латинскими буквами)-> Сохранить -> в этом новом меню нажимаете "Добавить пункт меню" и из списка выбираете ту страницу, которую Вы только что создавали в каталоге -> Также указываете имя страницы и сохраняете.
3. Теперь добавим новое меню в шаблон сайта. У Вас уже есть этот блок (Атрибутика). Он у Вас имеет примерно такой вид в файле HTML:
У Вас примерно такой код в файле HTML:
<!-- Каталог сайта --> <div class="block"> <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Атрибутика</a></div> <div class="blockmain navigation fnt12n"> <ul> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> <div class="blockbottom"></div> </div> <!-- END Каталог сайта -->
Теперь нужно в этом коде прописать что здесь нужно использовать именно то меню, которое Вы только что создали в "админке". Для этого посмотрите на этот блок и напишите вместо "здесь имя шаблона" имя шаблона меню, которое Вы писали при создании его через "админку":
{%IFNOT имя Вашего меню %} {% FOR catalog %} {% IFNOT имя Вашего меню %} <li class="{% IF имя Вашего меню.LEVEL>0%}incat{% ENDIF %} {% IF имя Вашего меню.CURRENT %}fnt12b{% ENDIF %}"><a href="{имя Вашего меню.URL}" {% IF имя Вашего меню.LEVEL>0%}style="padding-left:{имя Вашего меню.LEVEL | multiply("30")}px"{% ENDIF %}>{имя Вашего меню.NAME}</a></li> {% ENDIF %} {% ENDFOR %} {% ENDIF %}Теперь сохраните и у Вас должны получиться пункты меню, если этого у вас не получится, напишите и нужно будет лишь разобраться в пункте 3. Главное чтобы Вы по порядку следовали инструкциям, чтобы не запутаться. После того, как у Вас будет сделано меню, можно будет уже разбираться с его цветом и прочих стилях меню. Отпишите как у Вас будут результаты и в случае положительного, займемся стилизацией меню
#7
Отправлено 20 Ноябрь 2012 - 16:44
Братишка (20 Ноябрь 2012 - 16:06) писал:
Все равно, если категорию товаров скрываю, она во втором из окон не отображается. Ведь чувствую, что тут буквально одну какую-то вещь поправить, подскажите, какую именно.
#8
Отправлено 20 Ноябрь 2012 - 17:20
support 2.0 (20 Ноябрь 2012 - 16:36) писал:
Как я понимаю, Вы уже сделали меню Атрибутика, теперь сюда Вам нужно добавить пункты меню.
Я не знаю как Вы создавали меню, поэтому сейчас начну все сначала, а Вы следуйте по порядку всем этим пунктам и потом найдете то, что Вы не правильно сделали:
1. Для начала нужно создать разделы, которые будут находиться в этом меню: панель управления -> Товары -> Товары -> Каталог товаров на сайте -> Правой кнопкой мыши -> Создать подраздел -> Пишете название категории, например, избранное -> Правой кнопкой мыши по созданной категории -> Настроить категорию -> Здесь можете прописать к ней специальный адрес, по которому будет на нее переходить и нужно поставить галочку у пункта "Скрыть товарную категорию на сайте" -> Сохранить
2. Теперь заходите в раздел "админки" Сайт -> Меню -> Cоздать блок меню -> Название и имя переменной в шаблоне лучше пишите одинаковое (латинскими буквами)-> Сохранить -> в этом новом меню нажимаете "Добавить пункт меню" и из списка выбираете ту страницу, которую Вы только что создавали в каталоге -> Также указываете имя страницы и сохраняете.
3. Теперь добавим новое меню в шаблон сайта. У Вас уже есть этот блок (Атрибутика). Он у Вас имеет примерно такой вид в файле HTML:
У Вас примерно такой код в файле HTML:
<!-- Каталог сайта --> <div class="block"> <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Атрибутика</a></div> <div class="blockmain navigation fnt12n"> <ul> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> <div class="blockbottom"></div> </div> <!-- END Каталог сайта -->
Теперь нужно в этом коде прописать что здесь нужно использовать именно то меню, которое Вы только что создали в "админке". Для этого посмотрите на этот блок и напишите вместо "здесь имя шаблона" имя шаблона меню, которое Вы писали при создании его через "админку":
{%IFNOT имя Вашего меню %} {% FOR catalog %} {% IFNOT имя Вашего меню %} <li class="{% IF имя Вашего меню.LEVEL>0%}incat{% ENDIF %} {% IF имя Вашего меню.CURRENT %}fnt12b{% ENDIF %}"><a href="{имя Вашего меню.URL}" {% IF имя Вашего меню.LEVEL>0%}style="padding-left:{имя Вашего меню.LEVEL | multiply("30")}px"{% ENDIF %}>{имя Вашего меню.NAME}</a></li> {% ENDIF %} {% ENDFOR %} {% ENDIF %}Теперь сохраните и у Вас должны получиться пункты меню, если этого у вас не получится, напишите и нужно будет лишь разобраться в пункте 3. Главное чтобы Вы по порядку следовали инструкциям, чтобы не запутаться. После того, как у Вас будет сделано меню, можно будет уже разбираться с его цветом и прочих стилях меню. Отпишите как у Вас будут результаты и в случае положительного, займемся стилизацией меню
А-а-а!!! Вы мой спаситель. Всё получилось - посмотрите, но пункты каждого меню не раскрываются, как изначально было в каталоге((
#10
Отправлено 20 Ноябрь 2012 - 22:13
support 2.0 (20 Ноябрь 2012 - 17:48) писал:
#11
Отправлено 21 Ноябрь 2012 - 09:15
Братишка (20 Ноябрь 2012 - 22:13) писал:
Еще пожалуйста не могли бы вы сказать на каком сайте конкурента вы видели такое меню.
Интересует именно ссылка чтобы мы могли понять как вы хотите сделать меню каталога. Сразу скажу что меню делать на javascript или на jquery (это такая библиотека написанная на javascript) не рекомендуется, т.к меню категорий важный элемент сайта и если javascript в браузере пользователя по каким то причинам может не работать.
#12
Отправлено 21 Ноябрь 2012 - 11:03
Вот подобную менюшку хочется. С открывающимися и закрывающимися блоками. Это трудно, да?
#13
Отправлено 21 Ноябрь 2012 - 14:02
Меню будет реагировать на наведение мыши.
Открыть файл HTML.
Найти код:
<!-- Каталог сайта --> <div class="block"> <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог сайта</a></div> <div class="blockmain navigation fnt12n"> <ul> {%IFNOT catalog_empty %} {% FOR catalog %} {% IFNOT catalog.HIDE %} <li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </ul> </div> <div class="blockbottom"></div> </div> <!-- END Каталог сайта -->Заменить на:
<!-- Каталог сайта --> <div class="block"> <div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Каталог сайта</a></div> <div class="blockmain navigation fnt12n"> {%IFNOT catalog_full_empty %} {% FOR catalog_full %} {% IFNOT catalog_full.HIDE %} {% IF catalog_full.FIRST %}<ul id="nav_menu_css">{% ENDIF %} <li> <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %} class="contentTbodycatalog_fullCurent" {% ELSEIF catalog_full.CURRENT_PARENT %} class="contentTbodycatalog_fullCurentBranch" {% ENDIF %} {% IF catalog_full.ISSET_SUB %}rel="withchild"{% ENDIF %} onclick="hideShow(this);return false;" > {catalog_full.NAME} <!-- Отображение количества товаров в категории --> {% IF catalog_full.GOODS_COUNT>0 %} ({catalog_full.GOODS_COUNT}) {% ENDIF %} </a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %} {% FOR out %}</ul>{%IFNOT catalog_full.out.LAST %}</li>{% ENDIF %}{% ENDFOR %} {% ENDIF %} {% ENDIF %} {% ENDFOR %} {% ENDIF %} </div> <div class="blockbottom"></div> </div> <!-- END Каталог сайта -->В файле main.csstemplate.
Добавить в конец файла код:
#nav_menu_css{ border-radius:8px; } #nav_menu_css a:hover{ color:#c50 } #nav_menu_css li{ cursor:pointer; font:bold 12px/1.18 georgia,arial,helvetica,serif; list-style-type:none; padding:0 } #nav_menu_css li span{ display:block; height:25px; padding:5px 3px 0 20px; border-bottom:1px solid #4100FF; background:#FF5300; margin-bottom:2px } #nav_menu_css li:first-child >span{ border-top-left-radius:8px; border-top-right-radius:8px } #nav_menu_css li:last-child >span{ border-bottom-left-radius:8px; border-bottom-right-radius:8px; margin-bottom:-2px } #nav_menu_css li ul{ border:#eee 3px solid; display:none; border-bottom-left-radius:8px; border-bottom-right-radius:8px } #nav_menu_css li li{ cursor:pointer; margin:2px; padding:1px; border-bottom:1px dashed #FF6B00 } #nav_menu_css li:hover:first-child>span{ background:#FF8100; color:#905; border-top-left-radius:8px; border-top-right-radius:8px } #nav_menu_css li li:hover{ background:#FFD6AE; color:#905; border-bottom:1px dashed #FF6B00 } #nav_menu_css li span:hover{ background:#FF8100; color:#905 } #nav_menu_css li:hover ul{ background:#fff; display:block } #nav_menu_css li:hover ul{ margin:0; padding:1px }
#14
Отправлено 21 Ноябрь 2012 - 14:46
#15
Отправлено 30 Ноябрь 2012 - 10:17
#16
Отправлено 30 Ноябрь 2012 - 11:07
<ul id="nav_menu_css">Важно как именно вы выводите эти меню на сайт?
Какой код?
#17
Отправлено 30 Ноябрь 2012 - 13:24
Братишка (30 Ноябрь 2012 - 10:17) писал:
Расскажи что именно Вы хотите? У Вас есть меню "Товары", в нем различные разделы. И Вы хотите чтобы из всех этих разделов открывалось еще одно под меню?
#18
Отправлено 30 Ноябрь 2012 - 15:40
support 2.0 (30 Ноябрь 2012 - 13:24) писал:
Koderhan (30 Ноябрь 2012 - 11:07) писал:
<ul id="nav_menu_css">Важно как именно вы выводите эти меню на сайт?
Какой код?
<!-- Каталог товаров -->
<div class="block">
<div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Товары</a></div>
<div class="blockmain navigation fnt12n">
<ul>
{%FOR menu %}
{% FOR items %}
{% FOR links %}
<li class="{% IF menu.items.links.LEVEL>0%}incat{% ENDIF %}
{% IF menu.items.links.CURRENT %}fnt12b{% ENDIF %}">
<a href="{menu.items.links.URL}"
{% IF menu.items.links.LEVEL>0%}style="padding-left:{menu.items.links.LEVEL | multiply("30")}px"{% ENDIF %}>{menu.items.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
<div class="blockbottom"></div>
</div>
<!-- END Каталог товаров -->
Вот так вывожу.
Щас осваиваю вот эту штуку http://www.rudebox.o...e-stilnoe-menu/
Очень понравилось. Простенькое и со вкусом меню. Ваш ответ в любом случае мне пригодится, даже если я его освою.
Братишка (30 Ноябрь 2012 - 15:38) писал:
Это мне мало о чем говорит. Я программирование осваиваю в реальном времени, не учился по этому профилю))) Поподробнее плиз,ага?
#19
Отправлено 30 Ноябрь 2012 - 16:29
Братишка (30 Ноябрь 2012 - 15:40) писал:
<!-- Каталог товаров -->
<div class="block">
<div class="blocktitle bluesmall"><a href="{CATALOG_URL}">Товары</a></div>
<div class="blockmain navigation fnt12n">
<ul>
{%FOR menu %}
{% FOR items %}
{% FOR links %}
<li class="{% IF menu.items.links.LEVEL>0%}incat{% ENDIF %}
{% IF menu.items.links.CURRENT %}fnt12b{% ENDIF %}">
<a href="{menu.items.links.URL}"
{% IF menu.items.links.LEVEL>0%}style="padding-left:{menu.items.links.LEVEL | multiply("30")}px"{% ENDIF %}>{menu.items.links.NAME}</a></li>
{% ENDFOR %}
{% ENDFOR %}
{% ENDFOR %}
</ul>
</div>
<div class="blockbottom"></div>
</div>
<!-- END Каталог товаров -->
Вот так вывожу.
Щас осваиваю вот эту штуку http://www.rudebox.o...e-stilnoe-menu/
Очень понравилось. Простенькое и со вкусом меню. Ваш ответ в любом случае мне пригодится, даже если я его освою.
Это мне мало о чем говорит. Я программирование осваиваю в реальном времени, не учился по этому профилю))) Поподробнее плиз,ага?
Смотрите, если Вы создавали меню как в моем сообщении от 20 ноября 2012 - 17-36, то у Вас созданы каталоги товаров, которые скрыты. В этих каталогах создайте подкаталоги, которые тоже должны быть скрыты. Все должно получиться. Ведь предыдущий Ваш "Каталог товаров" создан по такому же принципу, только там все разделы и подразделы не скрыты.
#20
Отправлено 10 Декабрь 2012 - 07:35
Количество пользователей, читающих эту тему: 2
0 пользователей, 2 гостей, 0 анонимных