Default image and show select image with selected variant

Hello,

I like to know is that a way to show the 1st image as the default image when customer enter the page, so it show all color of my hair clip. Which means no Variants is selected by default. My Default is the 1st Variants, which mean Red is this case. I tried this link https://shopify.dev/tutorials/customize-theme-how-to-add-a-pick-an-option-to-drop-downs and which doesn’t work on my theme

Second, is that possible only show related color image when customer select the color they like to purchase. for example, the customer select purple; only two purple of hair clips will be display?

I hope there is a way to do it since it could be very helpful for customer not going to be confused with simulated color product. Here is another example of my page. since i have so many picture with different angel, customer going to be confused. https://sjade.ca/products/classic-claw-clips?variant=39974108823733

My theme is Supply_Light

Here is my web site

https://sjade.ca/products/rectangle-pastic-claw-clips?variant=40015424061621

Thank you

1 Like

@mrsunny

sorry for this issue product page show by default admin first image on product page

which means impossible?

@mrsunny

i mean product admin not possible add more fields

Hello, You may find everything you need to know by watching this tutorial:

https://websensepro.com/blog/how-to-show-only-selected-variant-images-shopify-debut-theme/

Were you able to find a solution for your problem #1?