How can I hide media images while displaying variant icons on product pages?

Hi! Anyone know how to hide a Media image in for the product page.

I’ve created some icons for the variants that I want to show, but I don’t want it to appear in the Product images.

Not sure if this is possible but any help would be greatly appreciated.

I am using the pipeline theme, and created siblings for each related product.

https://rootofitwellness.myshopify.com/products/bath-soak

Can you provide your storefront password so that we can see the actual page?

Also – are you looking to just hide the images on the left, or do you want to hide the entire left-hand column and then have the right-hand column centered on the page? (ie. the page is split into 2 columns there, with the images on the left and the variant options on the right)

Hi @StephensWorld

Thanks for responding! I am looking to hide just the icon images on the Left, the right I need for variants.. I will be adding product images soon. Hoping not to complicated.

Password: xempag

Thanks again.

It looks like you’ve already hidden the ‘thumbnails’ from the left hand side – it’s only showing the product image of the selected variant on the left. If you’re planning to add more images to the product, then you won’t want to hide the left-hand side, or else the images won’t show.

You’re using actual product images to show the icons on the right-hand side (the “keep” bit from your screenshot). This probably isn’t the best way to handle things. You’d want to look into seeing if your theme has a built in ‘swatches’ functionality, so that you can use swatches instead of mini-versions of the product images.

Oh ok good to know. Thank you for the guidance. I think I’ll need to go into the code and change the swatches there. I appreciate your help!