Добрый день!
Что нужно сделать, чтобы в верхнее горизонтальное меню добавить выпадающие пункты?
Спасибо!!!
0
Выпадающее Меню
Автор MILA, 30 янв. 2019 12:49
Сообщений в теме: 5
#1
Отправлено 30 Январь 2019 - 12:49
#2
Отправлено 01 Февраль 2019 - 02:06
Здравствуйте.
Уточните пожалуйста, какие пункты должны быть выпадающими.
Уточните пожалуйста, какие пункты должны быть выпадающими.
#3
Отправлено 01 Февраль 2019 - 16:37
"ИНФО" и "Условия работы".
Еще такой вопрос - необходимо добавить пункт меню "Оплата". Но при его добавлении в шапке все начинает съезжать. Насколько я поняла в оригинальном коде шапка была адаптивная, а после внесенных изменений она не подстраивается под разные форматы устройств и выглядит довольно ужасно. Можно ее как-то подправить???
Спасибо!
Еще такой вопрос - необходимо добавить пункт меню "Оплата". Но при его добавлении в шапке все начинает съезжать. Насколько я поняла в оригинальном коде шапка была адаптивная, а после внесенных изменений она не подстраивается под разные форматы устройств и выглядит довольно ужасно. Можно ее как-то подправить???
Спасибо!
#4
Отправлено 02 Февраль 2019 - 06:12
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
В разделе Сайт - Меню создайте два блока меню с переменными info и usloviya и добавьте в них необходимые пункты меню. Так же в верхнем меню удалите пункты меню каталог, инфо, условия работы.
Далее зайдите в раздел Сайт - редактор шаблонов - main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - 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
Отправлено 04 Февраль 2019 - 10:21
с инфо получилось. в условиях добавляю пункты меню, но они не отображаются
#6
Отправлено 09 Февраль 2019 - 07:31
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - 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 анонимных