Наконец закончил магазин ) Спасибо Андрею за помощ и за такое чудесное разнообразие дополнений, осталось только купить платники и в свободное плавание.
У меня вопрос по jQ, касательно выпадающего меню, на сайте
при наведении на раздел Фильтры и Комплектующие я вывел показ меню с картинками, написал его на jQ, сразу скажу что знаниями в этой области не обладаю углубленными. Как мне сделать так, чтобы при наведении на пункт меню, соответствующий выпадающий список висел не исчезая и так же при переходе в область подменю оно так же исчезало только после отведения мыши из области?
В правильной верстке все подменю должны находится в пределах одного родителя, как правило тега li. В меню WP такие теги li имеют класс has-children-item
<ul class="menu">
<li class="has-children-item">
<ul class="sub-menu">
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li></li>
<li></li>
</ul>
Поэтому можно обрабатывать событие hover при наведении на теги li первого уровня и показывать его подменю:
$('.menu > li.has-children-item').hover(
function(){
$(this).children('.sub-menu').show();
},
function(){
$(this).children('.sub-menu').hide();
});
Кстати, отличный магазин получился, даже не верится, что он на wp-recall)
Сейчас работаю над глобальным обновлением функционала магазина, в недалеком будущем будет возможно выбирать основную и дополнительную валюту магазина, работать с курсами валют, создавать товары из xml файла и почти весь html-код будет вынесен в свои шаблоны, так что менять хтмл-разметку будет гораздо легче, надеюсь все это позволит еще более легко создавать подобные шедевры)
Не получилось применить скрипт в свое меню...у меня все стандартные меню и дочерние элементы прописаны через css, все работает ок.
По меню с картинками, у пункта фильтры я поставил класс .fi, при наведении на который появляется div id="fil" .
Получается при наведении на .fil появляется #fil, при отводе мышки и переведении на #fil, сам #fil исчезает, это логично тк мы по сути убрали из ховера .fil.
Единственный вариант, что я нашел, поставить delay и fadeout, но это глупо... вот код.
jQuery(function () {
jQuery(".fil").mouseenter(
function(){
jQuery("#fil").show();
});
jQuery("#fil").mouseleave(
function(){
jQuery("#fil").hide();
});
jQuery(".fil").mouseleave(
function(){
jQuery("#fil").delay("2000").fadeOut("slow");
});
});
Я так понял что лучше ховер обрабатывать через хтмл все таки, jQ оставил для онклика.
Спасибо по поводу магазина) это пока первый, легенький, сейчас делаю под бренд более шикарную платформу для ритейла.
Обновление это круто, я до сих пор уверен что с шаблонами я там много лишнего наделал в коде, хотя все работает хорошо) Кстати было бы хорошо перенести пункт заказы по умолчанию в раздел товары или под него, чтобы заказчику или администратору было бы удобнее работать, не все могут влезть и написать чтобы ссылка отображалась где нужно!
