Shopify themes, liquid, logos, and UX
Hello
My product gallery is not working. when I try to click on one of these images it is not clickable item:
in the theme.js it is probably this part:
//Detail Gallery
function detail_gallery(){
if($('.detail-gallery').length>0){
$('.detail-gallery').each(function(){
var data=$(this).find(".carousel").data();
$(this).find(".carousel").jCarouselLite({
btnNext: $(this).find(".gallery-control .next"),
btnPrev: $(this).find(".gallery-control .prev"),
speed: 100,
visible:data.visible,
vertical:data.vertical,
});
or maybe here:
if($('.item-product1').length>0){
$('.item-product1').each(function(){
var self = $(this);
self.find(".thumb-carousel-product img").on('click',function() {
self.find(".product-thumb.mid>a>img").attr("src", $(this).attr("src"));
})
self.find('.carousel-product ul li>a').on('click',function(event){
event.preventDefault();
self.find('.carousel-product ul li').removeClass('active');
$(this).parent().addClass('active');
});
self.find(".carousel-product").jCarouselLite({
speed: 800,
vertical: false,
visible: 4,
});
})
}
Can't find where is the problem. Main image is not changing when I click on the small thumbnail. Please help.
Website: https://shamanicshop.myshopify.com/products/meditation-chakra-yoga-mat%C2%AE?variant=41994214506730
pass: vuista
bump
By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024