Goal: Hide media images used as variant icons from the product gallery while still displaying variant icons on the product page (Pipeline theme).
Clarification: Only the left-side icon images should be hidden; the right-side variant section must remain. Storefront password was shared for review.
Findings: Thumbnails on the left were already hidden, showing only the selected variant’s image. If more product images will be added, the gallery should remain visible.
Recommendation: Avoid using product media as variant icons. Use the theme’s swatches (visual option selectors) instead of uploading icon images to the media gallery.
Action/Outcome: Original poster plans to modify swatches in the code.
Latest update for future readers: An app-based solution (Rubik Variant Images) now supports custom swatch images that do not appear in the media gallery. A YouTube tutorial link was provided. Discussion appears resolved with both a theme-based approach and an app alternative.
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.
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)
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!
I see this is an old post and already solved. I would like to share an alternative solution for the people coming to this post from the search. You can use Rubik app to solve this problem. For the transparency I am the founder and developer of Rubik and we recently added a feature which is solving the cases like yours where custom image needs to be displayed in the swatches but should not be visible in the media gallery.
I recently recorded a YouTube video on this topic.
