Variant Selection Not Working for Certain Products

Store Design

Topic summary

A user is encountering a variant selection issue on newly created products, even though they were cloned from functioning products. On the non-working product page, variant options (like Finish and Size) appear but cannot be clicked.

Root Cause Identified:

  • Missing user_choose_js class on variant options, which enables JavaScript clickability
  • Incorrect selected state class (is-selected-nt instead of is-selected), breaking the theme’s variant logic

Current Status:
A responder has diagnosed the issue as a theme initialization problem during product cloning and offered to fix it directly if given collaborator access. The issue remains unresolved but has a clear technical explanation and proposed solution.

Summarized with AI on October 27. AI used: claude-sonnet-4-5-20250929.
1

I am experiencing an issue with the variant selection on certain new products that I am creating. This is only for new products yet the new product will have been cloned from a product that is already working. Example below:

Variant Selection Working Perfectly Here - https://www.paintonline.ie/products/ral-7038-agate-grey-bradite-universal-paint-and-primer?

Variant Selection Not Working - https://www.paintonline.ie/products/ral-9005-jet-black-bradite-universal-paint-and-primer

Variants are available to be selected but cannot be clicked. This product was cloned from the top example and hence why I cannot understand the issue.

Any advice would be hugely appreciated. Thank you

2

Hey @jkavanagh ,

Thanks for sharing the product links. I had a look, and I see exactly what you mean — it’s definitely frustrating when a cloned product doesn’t behave like the original.

After comparing the code, I found two key differences causing the issue:

  1. Missing JavaScript Hook: On the working product, the “Finish” and “Size” options have a class called user_choose_js, which tells the theme’s JavaScript to make them clickable. This is missing on the new product.

  2. Wrong Selected Class: The original uses is-selected to highlight the chosen option. The new one uses is-selected-nt, which the theme doesn’t recognize, so the variant logic breaks.

This is likely a small hiccup in how the theme initializes new products, not anything you did wrong while cloning.

We’d be happy to fix this for you. Just send a collaborator request to the email below or DM us the code, and we’ll take care of it.

Best,
Shubham | Untechnickle

1 Like