Automatically only show applicable variances from the drop down

Ask & Offer
, , , ,

Topic summary

Goal: Hide unavailable variant options in Shopify product dropdowns so only applicable choices appear after a prior selection.

Context and issue:

  • Store using the Flora theme (also seen on Radiant). Even after deleting invalid variant combinations, the second/third dropdowns still show those options as “unavailable,” and Add to Cart is disabled.
  • Screenshots illustrate unavailable options still appearing after a selection.

Troubleshooting so far:

  • Initial advice: delete non-existent variant combos in Admin. OP confirms they are already deleted, but they still show in the UI.
  • Independent test on Flora: confirms deleted variants still appear selectable in the product form, with Add to Cart greyed out. Assessed as a theme code issue; Flora offers limited product form customization via the editor.

Current plan:

  • OP prefers a code-based solution (no app). Shared a product URL for review.
  • A developer proposed custom theme edits and requested collaborator access.
  • OP provided collab code (2485); developer sent the request and asked OP to accept.

Status: Ongoing. Awaiting collaborator access acceptance; no code changes applied yet and no resolution confirmed.

Summarized with AI on December 11. AI used: gpt-5.
1

Hello
I am trying to get this to work with the Flora theme but I am unable
Any Advice

My issue is that I have 3 variances drop down
The first variance for example will only have some of the second variance availability to it. I have even removed these variances from the product.
But when the first one is selected it displays like this

image

image367×143 2.49 KB

Any advice on how to get it to not display the unavailable ones and only the two applicable ones based on the previous choice

2

Go to Admin-Products-Edit Product

Delete individual variants that don’t exist.

Example: Cotton t shirt with initials.
Option 1: Shirt Color
Black
White
Option 2: Graphic Color
Black
White

Since white doesn’t show up on white, it shouldn’t be available. Same with black/black

So you just delete the variant black shirt black graphic and white shirt white graphic.

When the customer selects black shirt, the black graphic no longer appears.

3

The variance are deleted for the option:
Example Product A
Variant 1: colour
Black
white
Variant 2:
Large - Only applicable to black (I have deleted this for white)
Medium - Only applicable to white (I have deleted this for black)
Small - Applicable to both

but the deleted variance still show up on the drop down list just say they are unavailable

5

After downloading your theme and testing it out on my own products in preview mode, I can verify that deleted variants still appear in the product form, can be selected, and the add to cart button is greyed out.

This is not a normal feature, and likely a theme issue that needs to be edited by code.

On the topic of the Flora theme, it is rather elementary for a “premium” theme. The product form has no settings to change at all it seems. No pill or button styles. Very little can be changed or customized in the theme editor.

6

This was also encountered this issue with the radiant theme
I am happy to resolve this issue with code if you or anyone knows how as it is very frustrating and I believe takes a bit away from my store.

I prefer not to use an app as they are very limited for the free version

8

Hey @The_ScriptFlow

Please see the URL with one of the products already selected:JPX 925 Hot Metal Pro – After The Market

9

Thanks for sharing the store url. Based on the requested changes requires to do the custom code in your theme file.

Could you share the collab code in the p/m so that I can take a look in the current theme file structure and made the requested changes.

11

Hi @The_ScriptFlow
please see the code for the collab code 2485

12

I send request.

Accept it.