I need Product image to appear as default image then variant image

Store Design
1

I am using Debut theme I do want to keep the functionality of having variant images, but only when a variant is chosen. I don’t want the image to automatically change to the first variants image when the page loads, I need my visitor to see the main product image first then be able to make a selection.

Any help appreciated.

2

Hello,

It needs to to modify the product-template.liquid in sections tab in you theme,

You need to change the HTML where it shows the product images. There you can add condition to show only the product main image instead of variant image.

If you are not familiar with liquid coding then I suggest to hire Shopify expert.

Thanks!

3

Thanks for the revert back.

I have strange code appearing a bottom of my shopify store at bottom of home page How can i hide it or remove it.?

(function() { if (typeof(productOptions) != “undefined”) { for (i = 0; i < productOptions.length; i++) { const vowels = [‘a’, ‘e’, ‘i’, ‘o’, ‘u’]; const firstOptionLetter = productOptions[i][i][0].toLowerCase(); let indef = ‘a’; if (vowels.includes(firstOptionLetter)) { indef = ‘an’; }; const select = document.querySelectorAll(‘.single-option-selector’)[i]; const options = select.querySelectorAll(‘option’); if (options.length > 1) { let option = new Option('Pick ’ + indef + ’ ’ + productOptions[i][i], ‘’); select.add(option, select.firstChild); select.selectedIndex = 0; } } } })();

store URL https://clickllc.co/