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


kretshet

Регистрация: 29 янв. 2014
Offline Активность: 27 окт. 2014 18:20
-----

#81999 Выпадающий Каталог Как На Сайте Мвидео

Отправлено Navihome_ru на 01 Август 2013 - 20:18

Просмотр сообщенияsengun (18 Июль 2013 - 23:21) писал:

Здравствуйте. В html найдите код
<!-- Каталог -->
		 <h4 class="contentTbodyCatalogHeader" style="display:none;">Каталог товаров</h4>
			 <ul id="subNavigation">
		 {%IFNOT catalog_empty %}
				 {% FOR catalog %}
				 {% IFNOT catalog.HIDE %}
					 <li>
					 <a href="{catalog.URL}"
						 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
					 >{catalog.NAME}</a>
					 </li>
				 {% ENDIF %}
				 {% ENDFOR %}
			 {% ENDIF %}
		 </ul>
		 <!-- end Каталог -->
Внесите в него изменения:
<!-- Каталог -->
			 {% IFNOT index_page %}
			 <div id="mayHideS">
			 {% ENDIF %}
		 <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			 <ul id="subNavigation" {% IFNOT index_page %}class="hidden" {% ENDIF %}>
		 {%IFNOT catalog_empty %}
				 {% FOR catalog %}
				 {% IFNOT catalog.HIDE %}
					 <li>
					 <a href="{catalog.URL}"
						 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
					 >{catalog.NAME}</a>
					 </li>
				 {% ENDIF %}
				 {% ENDFOR %}
			 {% ENDIF %}
		 </ul>
			 {% IFNOT index_page %}</div>{% ENDIF %}
		 <!-- end Каталог -->
в main.css добавьте в конец такой код
.hidden{
display: none;
}
а в main.js после строки
$(document).ready(function(){
добавьте такой код
$("#mayHideS").hover(
function(){$("#subNavigation").removeClass("hidden");},
function(){$("#subNavigation").addClass("hidden");}
);

Спасибо большое, все шикарно работает) :rolleyes: :rolleyes: :rolleyes:


#79725 Выпадающий Каталог Как На Сайте Мвидео

Отправлено sengun на 18 Июль 2013 - 23:21

Просмотр сообщенияNavihome_ru (18 Июль 2013 - 22:00) писал:

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

http://www.mvideo.ru.../lvl_1/class_1/

сайт: navihome.ru
Здравствуйте. В html найдите код
<!-- Каталог -->
		 <h4 class="contentTbodyCatalogHeader" style="display:none;">Каталог товаров</h4>
			 <ul id="subNavigation">
		 {%IFNOT catalog_empty %}
				 {% FOR catalog %}
				 {% IFNOT catalog.HIDE %}
					 <li>
					 <a href="{catalog.URL}"
						 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
					 >{catalog.NAME}</a>
					 </li>
				 {% ENDIF %}
				 {% ENDFOR %}
			 {% ENDIF %}
		 </ul>
		 <!-- end Каталог -->
Внесите в него изменения:
<!-- Каталог -->
			 {% IFNOT index_page %}
			 <div id="mayHideS">
			 {% ENDIF %}
		 <h4 class="contentTbodyCatalogHeader">Каталог товаров</h4>
			 <ul id="subNavigation" {% IFNOT index_page %}class="hidden" {% ENDIF %}>
		 {%IFNOT catalog_empty %}
				 {% FOR catalog %}
				 {% IFNOT catalog.HIDE %}
					 <li>
					 <a href="{catalog.URL}"
						 {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("20")}px"{% ENDIF %}
						 {% IF catalog.CURRENT %}class="selected"{% ENDIF %}
					 >{catalog.NAME}</a>
					 </li>
				 {% ENDIF %}
				 {% ENDFOR %}
			 {% ENDIF %}
		 </ul>
			 {% IFNOT index_page %}</div>{% ENDIF %}
		 <!-- end Каталог -->
в main.css добавьте в конец такой код
.hidden{
display: none;
}
а в main.js после строки
$(document).ready(function(){
добавьте такой код
$("#mayHideS").hover(
function(){$("#subNavigation").removeClass("hidden");},
function(){$("#subNavigation").addClass("hidden");}
);