November 25, 2020 at 11:57 pm
#10035203
Keymaster
Hello ts,
Please try changing the $thumbGalleryDetail code in the ajax response of quick view to:
..
....
......
$thumbGalleryDetail
.owlCarousel({
items: 1,
margin: 10,
nav: true,
dots: false,
loop: false,
autoHeight: true,
navText: [],
rtl: ( $('html').attr('dir') == 'rtl' ) ? true : false
})
.on('changed.owl.carousel', function(e) {
if (!flag) {
flag = true;
$thumbGalleryThumbs.trigger('to.owl.carousel', [e.item.index-1, duration, true]);
$thumbGalleryThumbs.find('.owl-item').removeClass('selected');
$thumbGalleryThumbs.find('.owl-item').eq( e.item.index ).addClass('selected');
flag = false;
}
});
$thumbGalleryDetail.waitForImages(function() {
$thumbGalleryDetail.owlCarousel('refresh');
});
...
....
......
* This will wait for load of images and refresh the carousel to adjust the size.
Please try that and let us know if you need further assistance.
Kind Regards,
Rodrigo.