Сообщений в теме: 8

[AnRusik]

Здравствуйте.
Шаблон Техно. Аккаунт SL-542504.
Подскажите пожалуйста как сделать выпадающее меню в каталоге не только 2 уровня, но и 3-его - сейчас не отображается (скриншот №1). Меню 3 уровень появляется только если включить исследование элементов на странице (скриншот №2). Захожу через браузер Яндекс.
Так же как можно сделать еще пару выпадающих меню, т.е. объединить несколько созданных страниц  в одно подменю (скриншот №3)?

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

• 
• 
• 

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите и удалите:

  .header-catalogMenu .header-subcatalog-third {display:none;}

По поводу выпадающего пункта меню, в разделе Сайт - Меню - создайте новый блок меню и наполните его необходимыми пунктами, которые будут выпадать, после этого напишите нам, чтобы мы составили инструкции для его вывода при наведении.

[AnRusik]

Здравствуйте. Я добавил в Меню 3 новых блока: Покупателю (menu.header1), Образцы материалов (menu.header2), Фотоальбом (menu.header3).

[Vaccina]

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

В разделе Сайт - Меню - Верхнее - удалите пункты меню, которые буду выпадающими, так как их добавим вручную в коде.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

			<!-- Меню -->
			<div class="header-sections _header-mobile col-lg-10 col-md-9 col-xs-12" id="headerNav">
				<ul class="header-sectionsList">
				  {% FOR menu %}
					{% FOR header %}
					  {% FOR links %}
					  <li class="header-sectionsItem  {% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="header-sectionsLink" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}><span>{menu.header.links.NAME}</span></a></li>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}				  
				</ul>
			</div> 

  
замените на:    

			<!-- Меню -->
			<div class="header-sections _header-mobile col-lg-10 col-md-9 col-xs-12" id="headerNav">
				<ul class="header-sectionsList">
				  <li class="header-sectionsItem"><a class="header-sectionsLink" href=""  title="Покупателю"><span>Покупателю</span></a>
				  <ul>
				  {% FOR menu %}
					{% FOR header1 %}
					  {% FOR links %}
					  <li class="header-sectionsItem  {% IF menu.header1.links.SELECTED %}active{%ENDIF%}"><a class="header-sectionsLink" href="{menu.header1.links.URL}"  {% IF menu.header1.links.TITLE %}title="{menu.header1.links.TITLE}"{% ENDIF %}><span>{menu.header1.links.NAME}</span></a></li>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				  </ul>
				  </li>
				  <li class="header-sectionsItem"><a class="header-sectionsLink" href=""  title="Образцы материалов"><span>Образцы материалов</span></a>
				  <ul>
				  {% FOR menu %}
					{% FOR header2 %}
					  {% FOR links %}
					  <li class="header-sectionsItem  {% IF menu.header2.links.SELECTED %}active{%ENDIF%}"><a class="header-sectionsLink" href="{menu.header2.links.URL}"  {% IF menu.header2.links.TITLE %}title="{menu.header2.links.TITLE}"{% ENDIF %}><span>{menu.header2.links.NAME}</span></a></li>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				  </ul>
				  </li>
				  <li class="header-sectionsItem"><a class="header-sectionsLink" href=""  title="Фотоальбом"><span>Фотоальбом</span></a>
				  <ul>
				  {% FOR menu %}
					{% FOR header3 %}
					  {% FOR links %}
					  <li class="header-sectionsItem  {% IF menu.header3.links.SELECTED %}active{%ENDIF%}"><a class="header-sectionsLink" href="{menu.header3.links.URL}"  {% IF menu.header3.links.TITLE %}title="{menu.header3.links.TITLE}"{% ENDIF %}><span>{menu.header3.links.NAME}</span></a></li>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
				  </ul>
				  </li>
				  {% FOR menu %}
					{% FOR header %}
					  {% FOR links %}
					  <li class="header-sectionsItem  {% IF menu.header.links.SELECTED %}active{%ENDIF%}"><a class="header-sectionsLink" href="{menu.header.links.URL}"  {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}><span>{menu.header.links.NAME}</span></a></li>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}				  
				</ul>
			</div>

  

далее зайдите в main.css - найдите:

.header .header-sectionsItem {display: table-cell;vertical-align: middle;text-align: center;border-right: 1px solid #dce4e9}
.header .header-sectionsLink {padding: 0 20px;height: 100%;display: block;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.header .header-sectionsItem.active,.header .header-sectionsItem:hover {-webkit-box-shadow: inset 0 -2px 0 0 #4c1e8b;box-shadow: inset 0 -2px 0 0 #4c1e8b}
.header .header-sectionsLink:before,.header-sectionsName {display: inline-block;vertical-align: middle}

замените на:

.header .header-sectionsItem {display: table-cell;vertical-align: middle;text-align: center;border-right: 1px solid #dce4e9}
.header .header-sectionsLink {padding: 0 20px;height: 100%;display: block;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.header .header-sectionsItem.active,.header .header-sectionsItem:hover {-webkit-box-shadow: inset 0 -2px 0 0 #4c1e8b;box-shadow: inset 0 -2px 0 0 #4c1e8b}
.header .header-sectionsLink:before,.header-sectionsName {display: inline-block;vertical-align: middle}

.header .header-sections {overflow: visible;}
.header .header-sectionsItem {position: relative;}
.header .header-sectionsItem ul {position: absolute;left: 0;top: 50px;padding: 10px;background: #fff;z-index: 10;display: none;}
.header .header-sectionsItem ul li {display: block;margin-bottom: 10px;text-align: left;border: none;}
.header .header-sectionsItem ul li a {display: block;}
.header .header-sectionsItem:hover > ul {display: block;}

[AnRusik]

Спасибо.

[AnRusik]

А можно ли сделать чтобы дополнительные меню были такого же вида, как и меню у каталога товара, только без затемнения при нажатии? Т.е. не просто ссылка, а как целый блок и цвет менялся этого блока как в меню у каталога.
Спасибо.

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

• 
• 

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.header .header-sectionsItem ul li a {display: block;}

замените на:

.header .header-sectionsItem ul li a {display: block;padding: 10px 0;border-bottom: 1px solid #eeeeee;}

[AnRusik]

Здравствуйте.
Подскажите пожалуйста, как можно сделать, чтобы при нажитии на кнопки "Образцы материалов" и "Фотоальбом" в заголовках меню можно было сделать переход на определенные ссылки?
Во вложении скриншоты.
Спасибо

Шаблон Техно. Аккаунт SL-542504.

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

• 
• 

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

<li class="header-sectionsItem"><a class="header-sectionsLink" href=""  title="Образцы материалов"><span>Образцы материалов</span></a>

<li class="header-sectionsItem"><a class="header-sectionsLink" href=""  title="Фотоальбом"><span>Фотоальбом</span></a>

в них заполните атрибут href, пример:

<li class="header-sectionsItem"><a class="header-sectionsLink" href="https://www.google.com/"  title="Фотоальбом"><span>Фотоальбом</span></a>