{"id":5541,"date":"2021-08-22T06:23:06","date_gmt":"2021-08-22T06:23:06","guid":{"rendered":"https:\/\/shopthemedetector.com\/blog\/?p=5541"},"modified":"2026-03-30T09:21:34","modified_gmt":"2026-03-30T09:21:34","slug":"how-to-hide-variant-images-in-shopify","status":"publish","type":"post","link":"https:\/\/shopthemedetector.com\/blog\/how-to-hide-variant-images-in-shopify\/","title":{"rendered":"How to Hide Variant Images in Shopify"},"content":{"rendered":"

Hide a Variant Option From the Dropdown (but still keep the variant active)<\/h3>\n

Shopify does not offer a built-in toggle to \u201chide\u201d specific variants. But here\u2019s how you can hide them using custom code (e.g., hide the \u201cXXL\u201d option):<\/p>\n

Steps:<\/h4>\n
    \n
  1. Go to Online Store > Themes > Edit Code<\/li>\n
  2. Open product-form.liquid<\/code> or main-product.liquid<\/code> (depends on your theme)<\/li>\n
  3. Find this section:\n
    \n
    liquid<\/div>\n
    <\/div>\n
    {% for value in option.values %}
    \n<\/code><\/div>\n<\/div>\n<\/li>\n
  4. Add a conditional:\n
    \n
    liquid<\/div>\n
    <\/div>\n
    {% unless value == 'XXL' %}
    \n
    \n{% endunless %}
    \n<\/code><\/div>\n<\/div>\n<\/li>\n<\/ol>\n

    That will hide XXL from being shown in the dropdown, while keeping it live in your backend.<\/p>\n

    2. Hide Sold-Out Variants Automatically<\/h3>\n

    Some themes (like Dawn) already do this. But if yours doesn\u2019t:<\/p>\n

    In the theme code:<\/h4>\n
    \n
    liquid<\/div>\n
    <\/div>\n
    {% if variant.available %}
    \n