Hi there, The Dawn theme is new, so previous answers/code are completely different (or look to be). My css is decent but my javascript is lame, I’m a designer sorry. Does anyone know how to hide unavailable variants from the selects in Shopify 2.0 Dawn? What’s the best way to add custom text …

Do you know how to make this work with Prestige? This is exactly something i need.

DUDE! That’s amazing! Thank you so much for this. Took some time to find it and that screenshot definitely was very helpful. Amazing.

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

I’m not sure, but wouldn’t the following custom CSS code work? .product-form__input–pill input[type=“radio”]:disabled + label, .product-form__input–pill input[type=“radio”].disabled + label { display: none; }

Hi Basti, I think I’ve cracked it for v15, just testing it at the moment. I’ll post an update in the coming days.

Hey Basti, V15 changed a few things and so I’ve rewritten how the hack works. Check out the new branch below, let me know if you have any probs: https://github.com/JonoHall/Shopify-Hide-Unavailable-Options/tree/Dawn-15

Hi Jono, looks good to me!! Thank you very much!

Tried the dawn 15 version myself, and it seems to consistently get stuck in some kind of infinite loop on listings with multiple variation options if I change the top heading. For instance, if I have Color as the primary heading, and Size as the secondary one, it will correctly work at hiding nonex…

Yeah, that’s the new bit of script I’ve had to add. Basically the new version of Dawn deletes and rebuilds the variant list, deleting my code every time. I don’t have any issues on my live site, but I’ve seen the loop issue before on one of my test websites. Are you by any chance using 3 levels of …

Just 2 levels of variant, but the subvariants under the top level variants don’t overlap at all (ie: Variant A has sizes 1,2,3, Variant B has 4,5,6, Variant C has 7,8,9), which might be relevant?

Shopify 2.0 Dawn - How to hide unavailable variants?

Store Design

JonoNZ September 25, 2024, 4:59am 49

I did a Pull Request with a fix about an hour or two ago to hopefully fix that. Did you try it with that tweak? It’s the latest version of the 15 branch.

Topic		Replies	Views
Hide Variants that has 0 stock Store Design product-page	96	2794	May 18, 2026
How to hide unavailable variants Technical Q&A troubleshooting	16	741	August 26, 2025
How to display only available options for product variants? Store Design customizations , third-party-themes , troubleshooting , product-page	3	261	July 15, 2024
Prestige theme - hide unavailable variants Store Design	29	406	August 24, 2023
How to hide unavailable product variants in Shopify with multiple options? Store Design	4	516	August 10, 2023

Shopify 2.0 Dawn - How to hide unavailable variants?

Related topics