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
10135 2012 2071

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 Buy me coffee ❤️
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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
10135 2012 2071

What theme you are using? 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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
10135 2012 2071

Could you share your store link so I can check? 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- 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.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- 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)