Shopify stores designed and launched
Shopify product page task
Shopify Hide Variant When Out of Stock: Stop Shoppers Choosing What You Cannot Ship
Looking for a way to hide variant on Shopify when out of stock while still showing the full range, with sold-out options dimmed instead of vanishing? We build it in a duplicate theme and test every combination on real phones. From $49, fixed price.
- Sold-out options greyed and struck through
- Recalculated for each combination
- Option stays visible for context
- Not selectable by mistake
Our track record
Over 450 Stores Launched Since 2015. Here Is What That Means for Your Sold-out Variant Style.
More than 450 Shopify stores launched since 2015 and a 4.9+ average from verified clients sit behind this task. Your sold-out variant style is small in scope and handled with the same planning and testing as our biggest builds.
Average rating from verified clients
Building Shopify stores since
Secure checkout
Pay through a protected checkout and keep a full order record.
Two revision rounds
Included in every package, so the result matches what you pictured.
Backup before changes
We work on a duplicate of your theme, never on your live store.
Problem and result
Shopify Hide Variant When Out of Stock: A Clear Yes or No on Every Option
When a size is gone, shoppers should see it, understand it and move on, not select it and meet an error. Showing sold-out options dimmed keeps the range visible, signals popularity and stops the frustration of choosing something you cannot buy.
Shoppers can choose what is not available
Sold-out sizes look like every other option, so shoppers click them, see an error or an empty Add to cart and give up. In other themes sold-out options vanish entirely and the range looks smaller than it is.
Availability that is obvious at a glance
Unavailable options are greyed out with a line through them, updating as other options change. Shoppers see which sizes exist, which are gone and what to choose instead.
What is included
What Your Sold-Out Variant Style Includes
When you ask how to hide variant on Shopify when out of stock, you get availability logic and styling built into your theme, tested across every combination of your options.
Implementation checklist
- Sold-out options dimmed with a strike-through on your product template
- Availability recalculated for every combination of size, colour and other options
- Unavailable options unselectable, with a clear accessible state
- A short tooltip or note explaining that the option is sold out
- Option choice to hide rather than grey, per option, if you prefer
- Behaviour checked against your inventory policy and continue-selling settings
- Styling matched to your buttons or swatches
- Handover note explaining how availability is decided
The effect depends on your inventory settings: products set to continue selling when out of stock are treated as available, and untracked products cannot show a sold-out state. We explain how each setting behaves before we build, and we do not change your inventory settings without your instruction.
See how it works
From Options That Look Alike to Options That Show Their State
Follow one visit. The shopper sees the sizes, spots the greyed-out one that is gone and picks one that is available.
Scope boundaries
Exactly What Is and Is Not Covered for Your Sold-out Variant Style
Before you order a sold-out variant style, here is the scope in plain terms: what is in, what is out, what we need from you and what triggers a custom quote.
Included
- A sold-out style on your live product template
- Availability logic for every combination
- Tooltip and accessibility handling
- Two revision rounds and a written handover note
Not included
- Fixing wrong inventory counts
- Back-in-stock email alerts
- Pre-order set-up
- Edits to checkout areas that only Shopify can change
Access we need
- Collaborator access to your Shopify store
- Inventory tracking turned on
- Grey out or hide preference
Quote triggers
- Products with three or more options
- Different behaviour per collection
- Themes that have been heavily modified by page builders
Typical turnaround
- 1 to 3 working days for most sold-out variant style jobs
- Faster options in the calculator
- Timing confirmed before work starts
After launch
- Two revision rounds before go-live
- A short handover note for your sold-out variant style
- Questions answered; bigger changes quoted separately
Compare your options
Shopify Hide Variant When Out of Stock With a Theme Setting, an App or a Freelancer?
Weigh the common options for a sold-out variant style against each other, from a quick fix to a tested build with a handover note.
| What matters | Do it yourself | Marketplace seller | Full-service agency | Store Design Expert |
|---|---|---|---|---|
| Combination availability worked out | Often | Often | Sometimes | Yes |
| Option stays visible for context | Sometimes | Often | Varies | Yes |
| No monthly fee | Yes | No | Yes | Yes |
| Accessible unavailable state | Sometimes | Sometimes | Rarely | Yes |
| Price known before work begins | Free but time-costly | Varies | Quote only | Yes |
| Theme backup before any change | No | Rarely | Usually | Yes |
| Two revision rounds included | No | Varies | Extra cost | Yes |
| Handover note for what changed | No | Rarely | Sometimes | Yes |
Price calculator
Price Your Sold-out Variant Style
Pick a package, adjust the options for your sold-out variant style and set your speed. The fixed price and delivery estimate update with every click, with no hidden fees.
Request a custom quote
Products with three or more options, different behaviour per collection and themes heavily modified by page builder apps are scoped separately and quoted at a fixed price.
Request a QuoteChanged your mind? Choose Dimmed Basic, Dimmed Standard or Dimmed Plus above to return to the instant calculator.
How it works
How We Handle Your Sold-out Variant Style, Step by Step
A short, fixed sequence of six steps carries the sold-out variant style from payment to a finished store change you have approved.
- 01
Purchase
Place your sold-out variant style order in a few clicks, with the total, the timing and the scope visible before payment.
- 02
Access
Send collaborator access and the details we ask for in a short form, and you stay the store owner with no password shared for the sold-out variant style.
- 03
Build in a duplicate theme
A separate copy of your theme holds the sold-out variant style while we build, which leaves the live store untouched.
- 04
QA
A checklist drives the testing of the sold-out variant style, so you review something that already meets the agreed criteria.
- 05
Handover
Once you sign off, the sold-out variant style goes live and you receive a written note on what changed and where.
- 06
Support
Once the sold-out variant style is live we remain on hand for questions, and further changes are scoped and priced first.
Compatibility and QA
Sold-Out Variant Style Checks and Acceptance Criteria
Quality checks for the sold-out variant style are written down in advance, so you can see exactly what we test and when the job counts as finished, with your theme backed up the whole time.
What we test
- LogicEvery combination of options shows the right options as available or sold out.
- SelectionA sold-out option cannot be selected, and the Add to cart button reflects the real state.
- AccessibilitySold-out options are announced as unavailable to screen readers.
- DevicesEvery width from a 320 pixel phone up to a wide desktop is checked for the sold-out variant style on current devices.
- BrowsersThe current versions of Chrome, Safari, Firefox and Edge.
- SettingsProducts set to continue selling out of stock behave as agreed.
Acceptance criteria
- Sold-out options show greyed out or hidden as agreed
- Availability updates as other options change
- Sold-out options cannot be added to the cart
- Screen readers hear the unavailable state
- The handover note shows how to switch between grey and hide
What we need to get started
What We Need to Get Add "Sold Out" Greyed-Out Variant Effect Started
To begin the sold-out variant style you only need to pick an access route and answer the points below, and your live store stays untouched until you say go.
Collaborator access
Approve our collaborator request for the sold-out variant style from your Shopify admin, and you remain the owner and can revoke access the moment the work is finished.
No store yet? We build it first
If your store does not exist yet, the sold-out variant style is built inside our Partner account and the whole store moves to you when it is ready.
Prefer to share a login?
A staff account works for the sold-out variant style if you prefer one, but a collaborator request is simpler to withdraw so it is our first suggestion.
Inventory settings
Tell us whether your products track inventory and whether any continue selling when out of stock.
Style
Tell us whether you prefer sold-out options greyed out, hidden or a mix.
One decision maker
Someone with the final say on the sold-out variant style, so the two included revision rounds go as far as possible.
When you cannot decide how to give access for the sold-out variant style, tell us in the form that follows checkout and we will choose the simplest route with you.
Testimonials
What Store Owners Say Before You Order Add "Sold Out" Greyed-Out Variant Effect
Verified feedback from clients who trusted us with their Shopify stores and quick tasks alike.
Verified
Store Design Expert delivered an outstanding website development experience! Their professionalism and attention to detail exceeded my expectations, and their proactive communication kept everything running smoothly. Truly impressed by their deep understanding and dedication.
WG
Warren G.United States
Verified
Very patient, informative and transparent, and they did exactly what they said they would do. Thanks for all the help!
RO
Raymond O.United States
Verified
Store Design Expert is the only one I use for all things WordPress. They have a high level of understanding, deliver quality work and are easy to deal with.
SC
Scott C.United States
Verified
A pleasure to work with. They did pretty much everything I asked and definitely exceeded my expectations. I will be working with Store Design Expert again soon.
JL
Jerry L.United States
Verified
Superb work! Store Design Expert is incredibly patient, and even when I did not fully understand my own questions, everything was explained again in detail. My vision was implemented perfectly, and the work is worth every cent I spent.
KB
Katrin B.Germany
Verified
Very impressed with the build-out. My store is ready to get started, and I am sure I will reach out for edits down the road, but this is everything I could ask for to get the party started. Thanks again, and I will be in touch for future projects.
DH
Dale H.United States
Verified
Very quick and detailed work! Store Design Expert does exactly what you want, in a very professional manner.
LF
Lena F.Germany
Verified
Store Design Expert did an outstanding job with top-notch professionalism on my website project. Everything was delivered quickly without compromising quality. I could not have asked for better!
JM
Jason M.United States
Verified
The website development work was nothing short of professional, with top-notch quality. Their exceptional level of cooperation made the collaboration seamless and enjoyable. Highly recommend working with Store Design Expert!
JC
Jeremy C.United States
Related searches
What People Search For Before Ordering Add "Sold Out" Greyed-Out Variant Effect
Owners reach this page from different searches. Here is how the common ones relate to Add "Sold Out" Greyed-Out Variant Effect.
“add sold out greyed out variant effect”, “shopify hide unavailable variants” or “shopify variant inventory policy” all point to the same job, which Add "Sold Out" Greyed-Out Variant Effect covers from start to finish.
“how to change sold out on shopify”, “how to put sold out on shopify” or “shopify cannot find variant error” all point to the same job, which Add "Sold Out" Greyed-Out Variant Effect covers from start to finish.
FAQ
Shopify Hide Variant When Out of Stock Questions
Straight answers about cost, scope, timing, apps and what we need from you for your sold-out variant style.
How do I hide variant on Shopify when out of stock, and can you do it for me?
Yes, we do it for you. Packages start at $49. The calculator adds options such as tooltips, notify links, swatch styling and auto-selecting the first available option, and shows your exact price and delivery estimate before checkout.
How quickly can the sold-out variant style be finished?
The sold-out variant style normally takes 1 to 4 working days from the moment we are in your store, and the speed options in the calculator can bring that forward.
Is Add "Sold Out" Greyed-Out Variant Effect safe for my live store?
Yes. We build your sold-out variant style in a duplicate of your theme and publish only after testing, so your original theme stays as a backup you can return to in a minute.
What do you need from me for Add "Sold Out" Greyed-Out Variant Effect?
Collaborator access to your store and your inventory settings. If your store is not live yet, the sold-out variant style can be built in our Partner account and moved to your ownership when it is done.
What is the price of Add "Sold Out" Greyed-Out Variant Effect?
You can order Add "Sold Out" Greyed-Out Variant Effect from $49; the most it reaches, with all options selected, is $322.
What packages are available for Add "Sold Out" Greyed-Out Variant Effect?
You can choose between Dimmed Basic at $49 (1 to 2 working days), Dimmed Standard at $89 (2 to 3 working days) and Dimmed Plus at $149 (3 to 4 working days) for Add "Sold Out" Greyed-Out Variant Effect.
What is in the Dimmed Basic package of Add "Sold Out" Greyed-Out Variant Effect?
Sold-out sizes and colours shown greyed out with a line through them, still visible but clearly unavailable and not clickable. It includes: Sold-out variants greyed out; Strike-through style; Not selectable; Desktop and mobile tested; Combinations update as options change. Dimmed Basic costs $49 and takes 1 to 2 working days.
What does the Add "Sold Out" Greyed-Out Variant Effect calculator ask me?
Beyond the package, Add "Sold Out" Greyed-Out Variant Effect needs 3 decisions from you: how should sold-out options look (Greyed out with strike-through, Hidden entirely, Choose per option); how many option types (One option, such as size, Two options, such as size and colour, Three options); how soon do you need it live (Standard, Sooner, Fastest).
What can I add on top of Add "Sold Out" Greyed-Out Variant Effect?
Extras available with Add "Sold Out" Greyed-Out Variant Effect: Tooltip on sold-out options (+$10), Notify link on sold-out options (+$15), Match swatch styling (+$10), Fix options that wrongly show as available (+$20) and Auto-select the first available option (+$10).
Ready when you are
Shopify Hide Variant When Out of Stock: Make Availability Obvious Before the Click
Pick your package, see the exact price and delivery estimate and get sold-out options that look clearly unavailable and update with every choice. If your products have three or more options, request a quote and we will scope it with you.
Fixed price · Two revision rounds · Backup before changes