Aurora Theme: How to Completely Hide Never-Carried Product Variants and Grey-Out Out of Stock Ones

Technical Q&A
1

Hi Everyone! We’re using the Aurora theme, and we have product’s that have multiple variants to choose from (up to 3 total on one product).

Depending on what the customer chooses, we need a way to hide all the automatically generated variant combinations we don’t ever carry.

At the same time, we need all of our currently OUT OF STOCK variant combination options to be greyed out to signify they are temporarily unavailable.

But again, all the options that we never offer should be permanently hidden.

Here is a 3-variant-deep example:

Customer clicks on our Core Series capsule filling machine product page and finds 3 variant options:> > 1. Hole Count: (100) (400)> > 2. Color: (Teal) (Transparent)> 3. Capsule Size: (#000) (#00) (#0) (#1) (#2) (#3) (#4)

We carry 100 hole count Core Series fillers in all Colors and Capsule Sizes.

But we only carry 400 hole count Core Series fillers in Teal Color and #00 or #0 Capsule S****izes.

So, when the customer clicks on Hole Count: (400), immediately the secondary variant option Color: (Transparent) should disappear, because we don’t offer that. Then, since the secondary variant, Color, can only be the remaining option, (Teal), it would select that and automatically go to the third variant, Capsule Size, to hide all of the never-carried options… finally leaving only (#00) and (#0) left available to click on.

At the same time, if the customer goes back and clicks on the primary variant Hole Count: (100), all of the variant options should then become unhidden and show again, so that they can be clicked on.

I know Aurora “greys out” out of stock/unavailable items, which is good, but we need the permanently unavaulable options to be hidden. I’ve also found that Aurora has the ability to completely hide any variants with only one option available, which is nice, but that’s not exactly what I want here (since we have the primary variant, Hole Count: (100), that does have two secondary variant Color options…I would prefer the secondary variant always stays visible to the customer).

Is this possible to do with Aurora Theme as is? Or is custom code needed for this?

2

Honestly this is kind of confusing for me and way too much to read. It would be great if you can provide examples sites, or short video or something explaining the entire process for a better understanding. As far as i have understood just to answer your question this will need custom coding.

Best
Shadab

3

That was too much to read? Maybe because it wasn’t structured properly? I figured thorough was better. Here, maybe this makes more sense:

Hey Everyone!

We’re using the Aurora theme for our store, and we need some help with showing and hiding product options. Here’s what we’re trying to do:

Our Needs:1. Hide permanently unavailable options: If a product combination is something we never sell, we want it hidden from the customer.

  1. Grey out temporarily out-of-stock options: We want options that are out of stock to appear greyed out so customers know they’re unavailable right now but may come back later.

Example of What We Want:- Product: Core Series capsule filling machine

  • 3 Options to Choose From:

    • Hole Count: (100) (400)

    • Color: (Teal) (Transparent)

    • Capsule Size: (#000) (#00) (#0) (#1) (#2) (#3) (#4)

Details:

  • We carry the 100-hole version in all colors and all sizes.

  • We carry the 400-hole version only in Teal color and only in sizes #00 and #0.

What Should Happen:- If the customer selects Hole Count: (400), then Color: (Transparent) should disappear because we don’t sell that combination.

  • Once Color: (Teal) is the only option, it should be automatically selected, and the next choice, Capsule Size, should only show #00 and #0.

  • If the customer switches back to Hole Count: (100), all colors and sizes should reappear.

Current Aurora Theme Features:- The theme greys out out-of-stock options, which is good.

  • It can also hide variants with only one available option, but that’s not what we need here.

Question:

Can the Aurora theme do this on its own, or will we need custom coding to make this work?

Thanks for any advice or guidance!