On my website, some products have 2-3 options. But most of the time, if a person clicks on something on the first option, many things on the 2nd option isn’t available to it. But the user canstill select the unavailable option. Is there a way to make the unavailable option invisible instead of cross…

Hey, @Selbyhardware ! At the moment, there are only a few ways to hide sold out or unavailable options on the storefront. The only option available from within the Admin is to delete the combination of sold-out options. However with this option, if the variant option is deleted, it cannot be revers…

Thanks, Ava. I will look into the Multi Options product. THanks.

Awesome - sounds like a plan, @Selbyhardware ! If a customer is looking for a product that is out of stock at the moment, you can always offer a gift card as an alternative option for them? This could be a great option for a customer who is browsing your site for Holiday gifts - they can purchase a…

Ah, I see! Thank you for keeping me up to date here. The apps I’ve listed in my last response will hide out of stock products; however, they will hide the full product and not just a select few variants. It is odd that your customer can still click on the unavailable variants, as usually, they are n…

Thanks for the reply. Unfortunately, the theme we are using is was created by a Shopify expert I hired.

Ah, I see, thank you for the update! In that case, it would be well worth your while to contact the developer and ask them to review the store. If a variant is out of stock, it should not be an option for your customer to still check out. This is something the developer could review and hopefully fi…

Hello @Selbyhardware I was reading your post and I have a similar issue. I recently post a question about it. I see that you were able to crossed out the Length that was not available. Can you please share how you were able to crossed out? Was that an option that came with your Shopify Theme or it w…

Variant question: How to make an unavailable option unclickable or invisible

Shopify Discussion

Selbyhardware November 9, 2021, 5:25pm 5

The code didn’t work as the Theme is recent. I already do not have the variants available, but I don’t want the customer to select an unavailable option which is still clickable despite being crossed out.

Topic		Replies	Views
Hide Unavailable Variants on Product Page Store Design design , customizations , css , shopify-themes , product-page	1	74	March 30, 2024
How to hide unavailable product options on the storefront? Technical Q&A shopify-theme	3	59	November 28, 2025
How to hide unavailable product variants in Shopify with multiple options? Store Design	4	409	August 10, 2023
How hide unavailable product options or variants Technical Q&A	1	61	September 20, 2021
Variant question: How to crossed out or make invisible options not available from variants Shopify Discussion shop-performance	0	17	July 29, 2022

Variant question: How to make an unavailable option unclickable or invisible

Related topics