Проблема с кликами в карточке товара
 

Здравствуйте, надеюсь на вашу помощь.
Вот моя карточка товара:

http://adellin.ru/zoloto/koltso-iz-z...i-i-zhemchugom

Кликаю на мини-картинки-норм, кликаю на видео- начинает проигрывать видео, а теперь хочу кликнуть на превьюшки, т.е. мини-картинки, чтобы просматривать фото, но не получается...
Помогите
Всего доброго

Файл http://adellin.ru/components/com_jsh...s/functions.js

строка 1254 описана функция запускающая видео, значит надо всё что там описано сделать наоборот

P. S.

jQuery('a.lightbox').show();
jQuery('.video_full').hide();

function showVideo(idElement, width, height){
jQuery('a.lightbox').show();эту добавляю
jQuery('.video_full').hide();
jQuery('#hide_' + idElement).attr("href", jQuery("#"+idElement).attr("href"));
jQuery('a.lightbox').hide(); эту строку удаляю
jQuery('#main_image').hide();
jQuery('#hide_' + idElement).show();
jQuery('#hide_' + idElement).media( { width: width, height: height} );
jQuery(".product_label").hide();
}

Все верно?

В функций showVideo всё правильно, я имел в виду, что вам нужна ещё одна функция которая скрывает видео и восстанавливает галерею, типа

function hideVideo() {
    jQuery('a.lightbox').show();
    jQuery('.video_full').hide();
}

после функции, запускающей видео, добавила Вашу, ничего не изменилось...

Так её надо вызвать, когда надо...

На главной странице есть определение функций owlForDiana, внутри которой определяется owl есть такое

owl.on("changed.owl.carousel", function(event) {
        jQuery(".jshop_img_thumb").removeClass("select").eq(event.page.index).addClass("select");
	jQuery(".owl-item.active a").css("display","block");
});

так вот туда добавьте эту функцию hideVideo();
получится так...

owl.on("changed.owl.carousel", function(event) {
    jQuery(".jshop_img_thumb").removeClass("select").eq(event.page.index).addClass("select");
    jQuery(".owl-item.active a").css("display","block");
    hideVideo();
});

Вызовите, пожалуйста, я в скриптах полная блондинка...

После 507 строки на главной добавила:
hideVideo();

Ура! Почти получилось, одно смущает: звуковое сопровождение продолжается хотя на табло уже не видео, а картинка..

Тогда добавьте одну детальку в той hideVideo функций, там где она определяется...

function hideVideo() {
    jQuery('a.lightbox').show();
    jQuery('.video_full').empty().hide();
}

P. S. Был не в наушниках и не заметил(((

Внесла изменения, но звук упрямничает

Я вижу только то, что на сайте в консоли пишет, что hideVideo не определена... Возможно Вы что-то не обновили или какие файлы не загрузили на сервер... или где там всё это редактируете

Щас опять проверила, вроде есть внесенные изменения, я, чтобы наверняка, прямо на сервере меняю..


Перезагрузила комп - и все в норме показывает, спасибо Вам, Malleys, поверьте, таких, как Вы мало, некоторые учиться скриптам отправляют...
Всего доброго

На сайте я поискал через консоль .встречается только в одном месте на главной странице вызов функций hideVideo , но определения нигде нет...

Если это слишком сложно, то на худой конец можно на главной в 507 строке где вы добавили hideVideo(); заменить это на

jQuery('a.lightbox').show();
jQuery('.video_full').empty().hide();

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

Профессоры форума , извините, что беспокою, может, есть , кто поможет мне в решении?