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


Помогите Сделать Пункт Меню Информация

меню

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

#1 Евгений74

Евгений74

    Новичок

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

Отправлено 27 Ноябрь 2014 - 10:05

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

#2 Ирина345

Ирина345

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

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

Отправлено 30 Ноябрь 2014 - 09:51

Просмотр сообщенияЕвгений74 (27 Ноябрь 2014 - 10:05) писал:

Проблема заключается: необходимо сделать пункт меню Информация в нем должны быть подпункты Дилеры, Доставка т.е  при наведение в верхнем меню на пункт Информация должны выезжать несколько подпунктов.
Здравствуйте, для начало создайте меню в разделе Сайт-меню с дополнительными пунктами и отпишитесь.

#3 Евгений74

Евгений74

    Новичок

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

Отправлено 30 Ноябрь 2014 - 10:05

Создал пункт меню- Информация , как вложить подпункты?

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

  • Снимок.PNG


#4 Ирина345

Ирина345

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

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

Отправлено 30 Ноябрь 2014 - 10:35

Просмотр сообщенияЕвгений74 (30 Ноябрь 2014 - 10:05) писал:

Создал пункт меню- Информация , как вложить подпункты?
найдите в HTML
	  {% FOR menu %}
					{% FOR header %}
					  {% FOR links %}
						 <div class="cat-name"><a href="{menu.header.links.URL}" class="main_category {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></div>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
замените на
	  {% FOR menu %}
					{% FOR header %}
					  {% FOR links %}
						 <div class="cat-name"><a href="{menu.header.links.URL}" class="main_category {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></div>
					  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}

 <li class="cat-name"><a href="">Информация</a>
				  <ul>
				   {% FOR menu %}
					{% FOR info %}
					  {% FOR links %}
						 <li><a href="{menu.info.links.URL}" {% IF menu.info.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.info.links.TITLE %}title="{menu.info.links.TITLE}"{% ENDIF %}>{menu.info.links.NAME}</a></li>	  {% ENDFOR %}
					{% ENDFOR %}
				  {% ENDFOR %}
					</ul></li>



далее добавьте в коней файла main.css





#et_categ_box_scroll{
position:relative;
}
#et_categ_box_scroll li{
display: block !important;
float: left;

}

#et_categ_box_scroll li ul {
display: none;
left: 0;
width:200px;
position: absolute;
top: 39px;
z-index:99;
}
#et_categ_box_scroll li:hover ul{display:block;}
#et_categ_box_scroll li ul li{
width:200px;
padding:10px;
background:#000;
}

#et_categ_box_scroll li ul li a{
font: 12px Calibri;
padding: 0px;
background:none;
}

#et_categ_box_scroll li ul li a:hover{
background:none;
}
#et_categ_box_scroll li ul li:hover {
background: #ff0000;
}



#5 Евгений74

Евгений74

    Новичок

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

Отправлено 30 Ноябрь 2014 - 10:57

Спасибо все заработало!!





Темы с аналогичным тегами меню

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

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