How can I hide variant images on a product page?

Store Design
1

Hello great people!

I have seen a couple topics on this already, but can’t seem to make it work.

Such as this one : https://community.shopify.com/c/Shopify-Design/Listing-Way-to-NOT-display-variant-photos-if-not-selected/td-p/514034

Theme: Minimal

What I want is to have the customer choose variants from the dropdown list on the product page and the image to change based off what he choses. But I dont want to have all my variant images showing because it creates a very unprofessional look to the page since there are about 20 different images below the text. I want to remove these pictures.

I tried deleting them from media and just adding them on the variants but they automatically add themselves to the media section of the product.

Thanks for your help!

2

@YouHaveNieds ,

I think that thread explains it pretty well the code which needs to be removed, In case you still need support send me a DM or email me at lokendra@propero.in

1 Like
3

I am facing the same issue however I am using the Boundless Theme.

When i select a variant from the drop down menu it shows 2 images above the product description and the rest below it. I have searched everywhere online and can’t seem to find a fix for my theme.

Any help would be greatly appreciated!

4

Hi @EssentialSmoke , @YouHaveNieds and all who has similar problems.

Rubik Variant Images app helps its users to hide variant images and show only related variant’s image once its selected.

You may want to check it out.

Hope it helps!

Best,

Jason