Been on a lengthy email over the course of a week with my theme developer, it appears that Shopify is no longer allowing coding that would show a specific size of a color variant to show as sold out with an X through the size tab if that size is still available in a different color?? why? is there a reason for this? It worked fine before I did a theme update and I was told specifically by the theme developer this…
“Yes there was a large update that Shopify has us make with regard to product variants which left us with no choice but to have them in this setup where the first set of options will only show sold out if there is no option available at all in other colors”
So If I am completely sold out in 1 color but have all sizes left in another color, the size tabs on the product page will no longer X out which makes it super confusing for me, which would make it even more confusing for a customer shopping on my site for the first time. Is anyone else experiencing this?
If a customer clicks on a size tab that is sold out, an X will show on the color swatch but not vice versa, so if a customer clicks on the color swatch first, the sold out size will not show an X unless all colors are sold out of that size. How is this ok?
If my theme developer is unable to change this, how is there going to be a workaround, this update was awful. Any help appreciated, thank you.
I am completely sold out of the creme floral color, but it’s not showing an X through the size medium because I still have the black color left in the medium, and my theme developer is telling me there is no fix for this issue.
I think what you can actually try is to make Color first and then Size second option. So people first can select color and then see which sizes are available.
But I think current setup also makes sense as people see out of stock only if everything is out of stock under the option.
Can you please share why do you think this logic is not good?
You are right. After chatting with shopify support that is what they said. Shopify made an update that required 3rd party shopify themes to make an update to the way sold out variants show on product pages, and my particular theme chose size first then color, I guess, and to fix requires a bit more coding than usual, and they explained my theme told me they couldn’t do it most likely because they don’t want to take the time to do it.
The reason I don’t like this way is because if I am completely sold out of a color variant in a size small, but I have a size small in another color, the currently clicked on color is showing the size small is in stock, even through it’s a different color that is in stock. Even though the add to cart button says sold out, i feel like the first place the customer looks when they click on the color variant is the size, so it’s confusing as the size button is not greyed out or showing an X through it but is says sold out. It looks like a website glitch.
Actually the main issue would be that Shopify has changed this feature from static to dynamic, so even if I switch the color and size, there is still only the top option that is going to show full availability of each variant. But the color variant first does make it feel less confusing. I didn’t realize I could manually do that for each product.
Sounds like the theme “developer” is full of **** and your Support agent has no clue what they’re talking about either.
Unless otherwise noted in actual Shopify documentation, Shopify does not mandate this. It’s a theme design decision only. Themes can absolutely be coded to display/act however they want to cross out or gey out an unavailable variant.
As noted in the above reply, ordering which one comes first is usually done from the edit product page in Admin, and the theme developers go by that order. This has nothing to do with crossing out a sold out variant though.
I’m just laughing at this whole thing.
I kind of agree with Maximus, the general idea of what you are asking for should be fine.
I would highly recommend making all of your products either color then size, or size then color, and not mixing. 1, its better consistency, 2, if you import products having both ways seems like a bad idea.
I have typically seen Color, then size, even if there is just one color. People choose a color, and hope they have their size. People dont really choose a size, then hope they have a color. It could technically be either way though.
The active vs inactive is all up the theme developer though. There needs to be a first available, and then that would drive whats active or not.
for example, assume Color then Size. if you have Black, White in S, M, L but the black L is out of stock…black small might be the first available, black is therefore defaulted and small. Large would show X because Black is currently selected, but of the black items, only S, M are available. If Black S and Black M were also out of stock, you would see Black crossed out when white was selected (but the S, M, L would not be), and Black and all sizes crossed out if Black was selected.
this is the standard behavior of dawn now.
Great to hear this helped you, maybe good idea to A/B test color first and size first and see which one converts better.
To clarify things about update:
Actually, 2k-variant update did affect the way themes handle variant selection.
Theme liquid can only see up to 250 variants.
The rest of variants needs to be fetched with JS.
Documentation – Support high-variant products
So it’s easier to rely on available property of the option value.
Technically, theme can fetch all variants (and all options) with JS and then implement desired availability marking, but…
