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


Выпадающее Меню


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

#1 MILA

MILA

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

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

Отправлено 30 Январь 2019 - 12:49

Добрый день!

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

Спасибо!!!

#2 Vaccina

Vaccina

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

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

Отправлено 01 Февраль 2019 - 02:06

Здравствуйте.

Уточните пожалуйста, какие пункты должны быть выпадающими.

#3 MILA

MILA

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

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

Отправлено 01 Февраль 2019 - 16:37

"ИНФО" и "Условия работы".

Еще такой вопрос - необходимо добавить пункт меню "Оплата". Но при его добавлении в шапке все начинает съезжать. Насколько я поняла в оригинальном коде шапка была адаптивная, а после внесенных изменений она не подстраивается под разные форматы устройств и выглядит довольно ужасно. Можно ее как-то подправить???
Спасибо!

#4 Vaccina

Vaccina

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

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

Отправлено 02 Февраль 2019 - 06:12

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
				  <div id="custommenu">
						<ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
								  {% FOR menu %}
										{% FOR header %}
										  {% FOR links %}
												<li class="level0 {% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a  class="title-lv0 {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
										  {% ENDFOR %}
										{% ENDFOR %}
								  {% ENDFOR %}
						</ul>
        
замените на:
				  <div id="custommenu">
						<ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
						  <li class="level0"><a class="title-lv0 " href="/catalog" title="Полный список товаров на сайте">Каталог</a></li>
						  <li class="level0 parent"><a class="title-lv0 active" href="/page/Razmernaya-setka" title="Размерная сетка">ИНФО</a>
							<ul class="sub ">			  
								  {% FOR menu %}
										{% FOR info %}
										  {% FOR links %}
												<li class="level1"><a  class="title-lv1" href="{menu.info.links.URL}" {% IF menu.info.links.TITLE %}title="{menu.info.links.TITLE}"{% ENDIF %}><span>{menu.info.links.NAME}</span></a></li>
										  {% ENDFOR %}
										{% ENDFOR %}
								  {% ENDFOR %}							
							</ul>
						  </li>
						  <li class="level0 parent"><a class="title-lv0 " href="/page/Usloviya-raboty" title="Условия работы">Условия работы</a>
							<ul class="sub ">			  
								  {% FOR menu %}
										{% FOR info %}
										  {% FOR usloviya %}
												<li class="level1"><a  class="title-lv1" href="{menu.info.usloviya.URL}" {% IF menu.info.usloviya.TITLE %}title="{menu.info.usloviya.TITLE}"{% ENDIF %}><span>{menu.info.usloviya.NAME}</span></a></li>
										  {% ENDFOR %}
										{% ENDFOR %}
								  {% ENDFOR %}							
							</ul>						  
						  </li>
								  {% FOR menu %}
										{% FOR header %}
										  {% FOR links %}
												<li class="level0 {% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a  class="title-lv0 {% IF menu.header.links.SELECTED %}active{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
										  {% ENDFOR %}
										{% ENDFOR %}
								  {% ENDFOR %}
						</ul>
                        
В разделе Сайт - Меню создайте два блока меню с переменными info и usloviya и добавьте в них необходимые пункты меню. Так же в верхнем меню удалите пункты меню каталог, инфо, условия работы.

Далее зайдите в раздел Сайт - редактор шаблонов - main.css - найдите:
#custommenu {position: relative;margin: 15px -200px 0 30px;}

замените на:
#custommenu {position: relative;margin: 15px 0px 0 10px;}


#5 MILA

MILA

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

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

Отправлено 04 Февраль 2019 - 10:21

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

#6 Vaccina

Vaccina

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

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

Отправлено 09 Февраль 2019 - 07:31

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
																  {% FOR menu %}
																				{% FOR info %}
																				  {% FOR usloviya %}
																								<li class="level1"><a  class="title-lv1" href="{menu.info.usloviya.URL}" {% IF menu.info.usloviya.TITLE %}title="{menu.info.usloviya.TITLE}"{% ENDIF %}><span>{menu.info.usloviya.NAME}</span></a></li>
																				  {% ENDFOR %}
																				{% ENDFOR %}
																  {% ENDFOR %}

замените на:
																  {% FOR menu %}
																				{% FOR usloviya %}
																				  {% FOR links %}
																								<li class="level1"><a  class="title-lv1" href="{menu.usloviya.links.URL}" {% IF menu.usloviya.links.TITLE %}title="{menu.usloviya.links.TITLE}"{% ENDIF %}><span>{menu.usloviya.links.NAME}</span></a></li>
																				  {% ENDFOR %}
																				{% ENDFOR %}
																  {% ENDFOR %}





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

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