Variant Selection Not Working for Certain Products

[jkavanagh]

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

[TheUntechnickle]

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