How to Hide Variant Images in Shopify

Last modified: April 30, 2025

Hide a Variant Option From the Dropdown (but still keep the variant active)

Shopify does not offer a built-in toggle to “hide” specific variants. But here’s how you can hide them using custom code (e.g., hide the “XXL” option):

Steps:

Go to Online Store > Themes > Edit Code
Open product-form.liquid or main-product.liquid (depends on your theme)
Find this section:

liquid

{% for value in option.values %}
Add a conditional:

liquid

{% unless value == 'XXL' %} {% endunless %}

That will hide XXL from being shown in the dropdown, while keeping it live in your backend.

2. Hide Sold-Out Variants Automatically

Some themes (like Dawn) already do this. But if yours doesn’t:

In the theme code:

liquid

{% if variant.available %}



{% endif %}

This skips variants that are out of stock.

3. Use an App to Hide Variant Options by Rules

If you’re trying to hide variants based on logic (like “if color is red, hide size L”), then you need:

Variant Option Product Options
Globo Product Options
Shopify Functions (for custom storefronts)

These apps let you control visibility rules without editing code.

Quick Warnings:

Don’t delete variants unless you want to lose order history and inventory links.
Hiding variants can confuse Google if URLs exist but are no longer linked from the product page.

Key Takeaways

Consider your theme first and access Shopify admin to manage product images. Use theme customization in Shopify options to hide variant images from the store. Implement code changes for advanced customization then hide variant images in Shopify with the Variant Image Automator.

Recommended: 8 Best Shopify Hide Sold Out Products Apps - 2025

#	Name	Image
1		Auto Hide Un‑hide Products
2		Out‑of‑Stock Police
3		Stockly: Out‑Of‑Stock Cleaner
4		Search Veil
5		SkyBlue Hide Sold Out Products
6		StockyPhi ‑ Hide Out Of Stock
7		Wipeout Hide Sold Out Products
8		AutoHide Soldout Products
9		Hide Sold Out by Power Tools
10		Auto Hide Sold‑out Products
Show More

How to Hide Variant Images in Shopify

It is actually very easy for any Shopify store owner to hide the variant images from the store to show only the best images on your website. The first thing is to consider your theme. Most Shopify themes can be adjusted, so this change is made for you. Speak to the Shopify Basic plan support team and see what they can offer you.

If you’re using a third-party theme, then you might need to contact your theme’s developer. They can often help with actions like this and then make it available for everyone. However, not everyone can do this, so you might need to take additional steps.

One option is to hire a Shopify developer expert to help you change the coding of your theme and add this to your website. A Shopify developer expert can be very expensive, but it can be worth the investment.

Or you can add the code to your product page yourself. However, most people who are reading this article won’t have the experience to complete this task and risk damaging their Shopify website, which would cost more to fix.

Hiding Variants with an App

The final option to hide variant images in Shopify is to use an app. The Variant Image Automator allows you to organize your product page and displays only the images that you would like to showcase on your product page.

This can allow you to remove all variant images on your product pages or show multiple product images for a variant to improve the user’s experience and the conversion rate.

The Variant Image Automator app has been tested across all themes and works with product pages on every store. There are no manual changes that have to be made to your website’s theme files. The app will just auto-assign images to certain products. The app is also compatible with many different third-party apps like color swatches, product image zoom and more.

Keep Reading

Conclusion: How to Hide Variant Images in Shopify

When it comes to variants, there are ways to hide the images for the variant for your Shopify store. Use one of the options above, and you can ensure a better experience for your website.

Additionally, Shopify offers advanced customization options, such as drawing on an image or uploading a photo from another website. These features can help you create unique and engaging product images that stand out from the competition. By taking advantage of these tools, you can create a more visually appealing website that encourages visitors to make a purchase.

FAQs

Is it possible to hide variant images in Shopify without coding?

Yes, it is possible to hide variant images in Shopify without any coding knowledge. Shopify provides a user-friendly interface that allows you to manage variant images from your admin dashboard.
How can I revert after hiding variant images in Shopify?

To revert and show variant images in Shopify that you hid, undo the changes made in the theme’s settings or code. Keep a backup of the original settings for safety.
Does hiding variant images in Shopify affect mobile users differently?

Hiding variant images in Shopify doesn’t affect mobile users differently from desktop users. Nevertheless, always test on mobile to ensure the user experience remains intuitive and clear.