Перейти к содержимому


Puncherstore V 2.0 Всплывающее Меню, Шапка И Другое


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 46

#41 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 06 Январь 2014 - 11:58

Просмотр сообщенияunling (06 Январь 2014 - 11:49) писал:

В том то и дело, что ни чего не получилось, мой шаблон осень, я создал категории и подкатегории, в верхнем меню добавил пункт "Каталог женского белья" со ссылкой на "Для нее". Мне нужно, чтобы при наведении на "каталог женского белья выпадал список для нее и для него, далее при наведении например на для нее выпадпл список каталогов 'LOOKBOOK", "Basic Essentials осень-зима 2013" и т.д.Прикрепленный файл Строка меню.png



Вот мне так же надо сделать в моем шаблонеПрикрепленный файл Строка меню.png

А может мне перейти просто на шаблон вечность, как Вы думаете? Хотя возможно я столкнусь с новыми пробелмами которые там нельзя будет сделать? Жду Вашего совета!

Горизонтальное всплывающее меню можно установить по инструкции - http://forum.storela...ыпадающее-меню/

#42 toobi.ru

toobi.ru

    Пользователь

  • Пользователи
  • PipPip
  • 40 сообщений

Отправлено 24 Апрель 2014 - 12:51

Просмотр сообщенияСake (23 Ноябрь 2013 - 00:22) писал:

Дальше вам необходимо изменить изначальный код вашего меню добавив дополнительный список ul li. Изначально ваше меню выглядит так

<ul class="header-links" >
{% FOR menu %}
		 {% FOR header %}
			 {% FOR links %}
			 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
			 {% ENDFOR %}
		 {% ENDFOR %}
		 {% ENDFOR %}
</ul>

реализация данного меню уже не подходит по той причине что вложенность меню {% FOR menu %} не возможна. В связи с этим верхний уровень навигации необходимо реализовывать вручную.

<ul class="header-links">
<li><a href="/catalog/Новинки" title="Новинки">Новинки</a></li>
<li><a href="/catalog/Хиты-продаж" title="Хиты продаж">Хиты продаж</a></li>
<li><a href="/page/brands" title="Бренды">Бренды</a></li>
</ul>

а уже второй уровень реализуется через {% FOR menu %}

<ul class="header-links">
<li><a href="/catalog/Новинки" title="Новинки">Новинки</a></li>
<li><a href="/catalog/Хиты-продаж" title="Хиты продаж">Хиты продаж</a></li>
<li><a href="/page/brands" title="Бренды">Бренды</a>
<ul>
{% FOR menu %}
	 {% FOR header1 %}
		 {% FOR links %}
			 <li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
		 {% ENDFOR %}
	 {% ENDFOR %}
	 {% ENDFOR %}
</ul>
</li>
</ul>

обратите внимание на то что в данном случае используется именно header1 для пункта "Бренды". С другими пунктами необходимо поступать аналогично. После реализации шаблона необходимо будет добавить соответствующие стили в файл main.css

Скажите пожалуйста, реально ли сделать по примеру из ЭТОЙ ТЕМЫ выпадающее меню с подпунктами, наподобие этого (прикрепил):
ScreenShot 51.jpg



Насколько я понял меню как в этой теме реализуется так:
верхний уровень прописывается вручную (на рисунке - КАТАЛОГ ТОВАРОВ)
2-ой уровень реализуется через создание доп меню через САЙТ - МЕНЮ.  (на рисунке ГОЛОВНЫЕ УБОРЫ)

Как сделать 3 уровень (внутри второго - подсписок, на рисунке Chobi)


В какое место этого кода вставить 3 уровень:
<div class="nav">
<li><a href="/catalog/Новинки" title="Новинки">Новинки</a></li>
<li><a href="/catalog/Хиты-продаж" title="Хиты продаж">Хиты продаж</a></li>
<li><a href="/page/brands" title="Бренды">Бренды</a>
	 <ul>
{% FOR menu %}
			 {% FOR header1 %}
				 {% FOR links %}
						 <li><a href="{menu.header1.links.URL}" {% IF menu.header1.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}>{menu.header1.links.NAME}</a></li>
				 {% ENDFOR %}
			 {% ENDFOR %}
		 {% ENDFOR %}
</ul>
</li>
</div>


#43 toobi.ru

toobi.ru

    Пользователь

  • Пользователи
  • PipPip
  • 40 сообщений

Отправлено 24 Апрель 2014 - 14:36

Знаю как это меню сделать на чистом html, но это очень неудобный вариант: добавлять или убирать пункты надо в код лезть...

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

#44 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 25 Апрель 2014 - 03:50

В инструкции ниже расписано все до мелочей:
http://forum.storela...еню/#entry28263

Единственное, необходимо чтобы вы сохранили в новом коде свои классы, например у вас начинается:
<nav class="head">
		  <ul class="head">
новая структура будет смотреться как:
<div class="containerin" id="top-menu">
<nav class="head">
<ul class="pad-box cont620 head" id="mainmenu">


#45 toobi.ru

toobi.ru

    Пользователь

  • Пользователи
  • PipPip
  • 40 сообщений

Отправлено 25 Апрель 2014 - 09:44

Спасибо, пошел делать

#46 tolikkansk

tolikkansk

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 357 сообщений

Отправлено 19 Июль 2014 - 09:35

А как сделать так, чтобы подсвечивалось выпадающее меню, как и верхнее?

Прикрепленные изображения

  • 123.jpg


#47 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 19 Июль 2014 - 12:01

Просмотр сообщенияtolikkansk (19 Июль 2014 - 09:35) писал:

А как сделать так, чтобы подсвечивалось выпадающее меню, как и верхнее?
В конец файла "main.css".
Добавить код:
#mainmenu li ul li:hover {
background: #000;
}

Цвет замените на свой




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных