Hello everyone. I've been struggling for a couple of days to make one feature work and can't seem to find the solution. All I want is that customer clicks on the image (thumbnail) of the product and it automatically changes the product variant from the dropdown menu. Same as described here: https://help.shopify.com/en/themes/customization/products/variants/select-variants-by-clicking-image... but for Brooklyn Theme. In my case I don't have colors, I have Lego Characters (https://legoavengers.com/products/free-lego-compatible-ninjago-sets). Any feedback is very appreciated!
Have you tried to implement the tutorial? Briefly, I see that you will probably need to replace
thumbnails = $('img[src*="/products/"]').not(':first');
thumbnails = $('.product-single__thumb');
I'd recommend you to make a theme duplicate and try appying the code. If not working -- share the preview link here.
I did everything described and unfortunately it doesn't work for the Brooklyn theme. Nothing has changed.
Hey @elena79rus are you still looking for this ?
With the @tim changes has worked to me ... but ... with a sutil detail ... I had to change variant selector to DROPDOWN ...
But in mobile even with this adapt ... the feature really do not work with BROOKLYN theme but works for Debut Theme both ... I still checking about mobile in BROOKLYN