Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: How to Show Only the Selected Variant's Image on Product Page

How to Show Only the Selected Variant's Image on Product Page

ecom_armenia
Shopify Partner
20 0 3

Hello Shopify Community,

I have a product with multiple variants, each with its own unique image (e.g., different colors: gold, silver, platinum). I’d like to set up my product page so that only the image for the currently selected variant is displayed, and other images are hidden when a different variant is selected.

Essentially, I’m looking for a way to:

  1. Display only the image associated with the chosen variant.
  2. Hide other variant images from the gallery view when a different option is selected.

Could anyone advise on how to achieve this? I’d appreciate guidance on any changes needed in Liquid, JavaScript, or CSS to make it work.

Thanks in advance for your help!

Replies 6 (6)

Dan-From-Ryviu
Shopify Partner
10261 2039 2110

Hi @ecom_armenia 

You can check in your Online Store > Themes > Customize > Products > select product template assigned products, check if it has option 

'Hide other variants’ media after selecting a variant'

Screenshot 2024-10-31 at 14.02.42.png

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ecom_armenia
Shopify Partner
20 0 3

Unfortunately, I don’t have that option available in my theme settings.

Dan-From-Ryviu
Shopify Partner
10261 2039 2110

What theme you are using? 

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ecom_armenia
Shopify Partner
20 0 3

Release Theme, I will be very grateful if you help me)

Dan-From-Ryviu
Shopify Partner
10261 2039 2110

Could you share your store link so I can check? 

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ecom_armenia
Shopify Partner
20 0 3

I send link in private message)