подскажите, пожалуйста, что надо дописать в скрипте, чтобы при изменении количества товара и выборе цвета камня слайдер исправно работал?
ссылка
код:
function owlForDiana(){
jQuery("#list_product_image_middle a.lightbox").wrapAll("<div class='owl-carousel owl-image-middle'></div>");
var owl = jQuery(".jshop.productfull .owl-carousel.owl-image-middle");
owl.owlCarousel({
loop: true,
dots: true,
margin: 0,
nav: true,
navText: ["<", ">"],
items: 1
});
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");
});
owl.on("translated.owl.carousel", function(event) {
jQuery(".owl-item.active a").css("display","block");
});
jQuery(".jshop_img_thumb").removeAttr("onclick").off().each(function(i, el) {
jQuery(el).click(function(event) {
event.preventDefault();
owl.trigger("to.owl.carousel", [i,length]);
});
}).first().addClass("select");
}
jQuery(function(){
jQuery(document).ajaxComplete(function(event, xhr, settings){
if (settings.url.indexOf('ajax_attrib_select_and_price')!==-1){
owlForDiana();
}
});
owlForDiana();
});
</script>
помогите доделать начатое