Why can't I select color variants for my new products?

Topic summary

A user is experiencing an issue where color variants cannot be selected on two newly added products in their Shopify store, while other products work normally.

Troubleshooting suggestions provided:

  • Check if recently installed third-party apps are interfering with variant functionality
  • Test with a fresh Shopify theme to rule out theme-related issues
  • Review any recent custom code changes that might affect variant display

Technical diagnosis:
One responder identified that custom CSS development may have hidden the product variants and provided a CSS code snippet to add to the theme files (either at the end of main-product.liquid markup or theme.css).

Current status:
The issue has been confirmed by support staff who also cannot see variant options on the affected product pages. The user has been advised to contact Shopify’s live support team for in-depth investigation requiring secure admin access. The discussion remains open pending resolution.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.

Hi All,

We’re using variants for some products on my store i can’t select any other color variant. no idea why its only on the 2&3 product i’ve just added. Any ideas as to why??

Here what it looks look on the website

Hi, @ShonaBlyth .

To confirm, has this variant issue only started happening on the most recent products you’ve just added to your store?

If this is the case, can you let me know if you’ve added a third-party app on your store recently, to help control your products or variants? If so, the app may be interfering with the functionalities of your products, so if there’s a feature within the app to disable its functionalities temporarily you can go ahead and do so to see if the issue will be fixed.

To further help rule out any interference from a third-party source, you can also install a fresh copy of a Shopify theme by going to Online store > Themes > Scroll down to the Popular free themes section and select a theme to add to your library. From there, click on the Ellipsis (…) > Preview, and you can then navigate to the product pages to see if other variants can now be selected.

If the issues don’t persist on the fresh theme, chances are a third-party app may be interfering with how your variants are meant to function. If you or a developer working on your store have made any code changes recently to your theme, the newly added code may also be the cause of this issue.

To allow us to check your website, feel free to reply here with a link to the affected products and variants. We’ll be able to navigate to your store and see if the issue can also be seen on our end, and provide the appropriate next steps from there.

Hi @ShonaBlyth

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

Hi,

Here’s number one

Here’s number two

Do u need anything else?

Thanks, @ShonaBlyth .

I’ve just checked those products and can see what you’re meaning — I’m also unable to see other variant options for those two products.

Have you tried the troubleshooting steps I suggested in my initial reply, to see if that helps? I’m particularly interested to see if installing a fresh copy of a Shopify theme will allow the other variants to show up.

If you need further assistance with this however, please contact our live support team so that we can securely access your Shopify admin from our end to perform a more in-depth investigation. To get in touch with our team, you’ll need to login to your store via our Help Center here. Once logged in, select a topic that best fits your query or situation. From there, you’ll be taken to a page with a list of relevant support articles, and you can scroll to the bottom of that page to select your preferred contact method with our team. Our live support team will be able to assist you further from there.

Hi @ShonaBlyth

Seems like due to any custom development CSS got changed, therefore your product variants are hidden.

Put the below CSS at the very end of main-product.liquid


You can also put this code at the end of theme.css, whatever is comfortable for you.