Shopify 2.0 Dawn - How to hide unavailable variants?

Store Design

Topic summary

Core Issue: Users seek to hide unavailable variant combinations in Shopify’s Dawn 2.0 theme, which has different code structure than older themes like Debut.

Key Distinction: Two types of unavailability exist:

  • Sold-out variants: Items temporarily out of stock (should be greyed out/faded)
  • Does-not-exist combinations: Invalid variant pairings that were never created (should be hidden entirely)

Technical Challenges:

  • Dawn’s JavaScript differs significantly from legacy themes, making old solutions incompatible
  • Multi-variant products (e.g., color + size) require hierarchical logic to avoid hiding all options when only some combinations are unavailable
  • Dropdown selectors can’t be styled via CSS, only hidden; pills/buttons offer better visual feedback

Solutions Discussed:

  • Free code snippets: Community members share GitHub solutions, though compatibility varies across Dawn versions. JonoNZ provides a GitHub repository with version-specific branches (Dawn 15 required rewrite)
  • Paid options: Apps like Camouflage ($7/month for 2-3 variants) and custom code snippets that differentiate between sold-out and non-existent variants
  • Implementation: Requires modifying global.js and variant selector templates; non-technical users may need Shopify Expert assistance

Current Status: Discussion remains active with users troubleshooting implementation across different Dawn versions.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
33

Hi,
thanks for your help. In Dawn 15, non-existent variants are still displayed. Has there been an update? Thanks!