Hi @DStanko
First of all you have to add sku in <li> attribute by sku="{{ image.variants [0].sku }}" , so it look like...
<li sku="{{ image.variants [0].sku }}" class="grid__item {{ product_thumbnail_width }} product-single__thumbnails-item js">
now add bellow Js code in Asset->theme.js
$(document).on('click','#productThumbs-product-template li',function(){ $('.variant-sku').text($(this).attr('sku')); })
Yes you can use this copy Js code but add sku="{{ image.variants [0].sku }}" on right place as i mentioned
just need to add this code in <li> no need to change your code
sku="{{ image.variants [0].sku }}"
User | Count |
---|---|
808 | |
131 | |
90 | |
72 | |
68 |