Featured image is not displayed first

vseazon
Shopify Partner
46 0 10

Hello,

 

I'm trying to display my featured image first not my first variant image.

 

Please help me can't find anything on google..

 

https://aero-zen.com/products/ventilateur-antimouche

Capture d'écran 2024-05-30 011602.png

 

Reply 1 (1)

PageFly-Noah
Shopify Partner
1251 221 254

This is Noah from PageFly - Shopify Page Builder App

 

Please add code her to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

 

<script>
window.addEventListener('DOMContentLoaded', () => {
 setTimeout(() => {
const firstThumbItem = document.querySelector('.product__thumb-item[data-index="0"] a');  firstThumbItem.click();
}, 1000);
})
</script>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.