响应式Shopify模板

A: We got this working using this code. We’ve changed the template a bit but it looks like it should work in any case.
Online Store > Themes > Edit HTML/CSS
Under templates click product.liquid
Scroll about 3/4 of the way down to look for these 3 lines of code…

{% if product.available %}

var selectCallback = function(variant, selector) {

Immediately before the next line "if (variant && variant.available) {“ paste this code...

//Update slider image
if (variant && variant.featured_image) {
var newImage = variant.featured_image; // New image object.
var imgURL = variant.featured_image.src.replace("https:", "").replace("http:", "").replace(".jpg","_compact.jpg").replace(".JPG","_com..
imgURL = imgURL.split("?v=", 1).pop();
console.log(imgURL);
var thumb = $("img[src^='"+imgURL+"']");
if(thumb && thumb.length) {
console.log("found thumb, clicking...");
thumb.parent().click();
}
else console.log("No thumb found for url");
} else {
console.log("Variant has no featured image");
}

Then save the template and you should be good to go. Remember to assign the variant an image when editing the product though.

I hope this helps.

A: You can manage the template to any way you need as our templates are fully editable including content, blocks, images, colors etc. Also, we provide 24/7 Support and video tutorials on how to edit the template. Thank you.