Colorblock Product Variants - Only Show Available Variants

Topic summary

Main issue: On a Shopify product page with two dependent variants (size and amount), all second-variant options display even when incompatible with the selected size; unavailable options show crossed out, creating clutter.

Product setup:

  • Sizes: 300g, 400g, 500g
  • Amounts per size: 300g → 37 or 74; 400g → 31 or 62; 500g → 27 or 54

Goal: Only display valid amount options based on the chosen size (hide incompatible/unavailable second-variant options).

Interactions: A community member requested the store link for further help.

Latest update / outcome: The original poster implemented a solution by following this tutorial: https://websensepro.com/blog/how-to-hide-unavailable-variants-shopify/, which hides unavailable variant options.

Status: Resolved. No further questions or unresolved items noted.

Summarized with AI on December 28. AI used: gpt-5.

Hey @SinaFischer ,

Can you share the link to your store please? Thanks!