Why aren't my product color variants displaying on my website?

I’ve input my variant which is colour but when I add the variants and add pictures, hit save and go to my website the variant isn’t showing up.

https://theresinator.com.au/products/t-rex-dangles

Theme - Craft

1 Like

Hi there @TheResinator .

I’ve taken a look and it appears that the theme Craft does not have the “variant picker” block included in the product page template by default. This means that without adding the variant picker manually, your customers won’t see variant options on the storefront.

You can add the variant picker block by going to Online store > Themes in your Shopify Admin and clicking Customize next to the theme you are working with. Once in your theme editor make sure you are editing your Default product page and then you can add the Variant picker block into the Product information section.

You can see an example of what this setting looks here:

This will allow your variants to be displayed and selected on your storefront as long as you are adding variants to your products correctly.

For reference, you can find the steps to add variants to your products on this page here. You can also read more about using sections and blocks within your theme editor on this page here.

Please let me know if you try that out and are still having trouble with it. I’d be happy to troubleshoot this further if you need it.

6 Likes

I don’t have that product description section on my theme

Hi @TheResinator

Thank you for that screenshot! It looks like you are currently editing your Home page. In order to edit your product page you will want to switch the template you are editing to your Default product page template. You can do this by clicking the dropdown menu at the top of the page in your theme editor. Then you will want to select Product > Default product and the Product information section will appear on the left. I’ve included an example below of what this will look like if you are using the theme, Craft.

You can also read more about using the theme editor on this page here.

Don’t hesitate to reply back if you are still having trouble adding the variant picker.

1 Like

Hi Erin,

I am having the same issue. My variants used to show up and now they are not. When I go into the customise section of the products there is no variant picker option available…

1 Like

Hi there @Ivanamaree . I can definitely troubleshoot this with you! I just have a few questions to make sure I fully understand your situation.

  • Did you add your variants by following this guide here?
  • When did you notice that your variants weren’t showing up anymore? Did you make any changes to your theme or variants before you noticed this?
  • Which theme are you currently using?
  • When you say the “customize section of the products” are you referring to the page that comes up when you go to Products in your Shopify Admin and click a specific product? Or do you mean the product page template in your theme editor? I’ve included examples of the two pages I’m speaking about below.

I look forward to hearing back from you! Once I have more information I’ll be able to share more next steps with you.

Hi, Erin.

I went to Online Store > Themes > Customize > Products > Default Product and added the “Variant Picker” block in “Dropdown” option.

When I now go to Admin > Product with the intent to select one of my products and add variants to it, there is no option to add variants, whether I choose from selecting the product from my list of products and clicking on the dropdown “More Actions”, or using “Edit Product”, or going into the product page itself.

Please help. I want to add variants to a product from the Craft theme of my online store, but the few online “solutions” I’ve thus far found are not doing the job.

Thanks. LS

Hi there @lacysaunders . Thank you for all of that context! Are you setting up your store for the first time or making updates to it?

It sounds like you are having trouble adding variants to your products in general. This won’t depend on the theme you are using and is completely done within the Products section of the Shopify Admin.

To add a variant to an existing product you will want to follow these steps:

  1. From your Shopify admin, go to Products.
  2. Click the name of the product.
  3. In the Options section, click Add another option. You may first need to check This product has options, like size or color for the settings to appear.
  4. Enter the option information in the fields.
  5. Click Save.

You can also read more about adding variants in this guide here. It explains the other ways to get variants added.

Please let me know if you go through those steps and are still having trouble! I’m happy to help further.

you are awesome

1 Like

Hello Erin,

I am having the same issue on Pyrotect Pro-Sport Duckbill SA2020 Racing Helmet – Helmet City

This is a custom theme and I do not have the Variant Picker Block to add.

How and where would this need to be coded into Liquid?

Thank you

Hi there @Helmets !

Since you are using a custom third party theme I’d recommend reaching out to your theme developer for further help with this. They will have the most information on your theme to assist you. If your theme developer is unable to help, you can also hire a Shopify expert. Shopify experts are trusted, third-party agencies and freelancers who offer services for Shopify merchants. You can read more about Shopify experts here and you can hire one here.

Please let me know if you have any questions!

Hey, Erin, I need some help with my Shopify store. I can not see my variants on my page. When I go to product and add my collection and click save my variants aren’t popping up on my store page. What do I do?

Hi, @Karim52 . I’m happy to look into this with you! I just have a few questions to start troubleshooting.

  • Are your products missing from your storefront as well, or just the variants set up for a product?
  • Are your variants visible in your Shopify admin, but not on your storefront? Or are your variants removed from everywhere after you try to save them?
  • Are you following this guide to add variants to products?
  • Have you already set up your online store’s navigation to include your products and collections?

Once I have more information I can share some advice on how to fix this. Please let me know if you have any questions!

Yes, my product and the variants are visible in my Shopify admin but not on
my storefront. But when you go and view my store you can not see the
variant of my products. Why is this happening?

Hi, @Karim52 . Thanks for your reply! I’ll need a bit more information before I would be able to say for certain why this is happening.

I look forward to hearing back from you so we can continue working on this!

Yes I’ve set up a navigation to product and collection. When I go to my
collection I can see the variants but when I go to my store the variants
are not visible. Like for example when I search up my store and click on a
product I am not able to see the other options. But when I view my page in
admin I’m able to this variants.

@Karim52 Thank you for clarifying all of that! Would you feel comfortable sharing your storefront’s URL? The reason I ask is so that I can test if I’m able to see the variants on my end. I was also wondering if you’ve had a chance to view the products on your website using any other devices or browsers? Sometimes your cache or cookies can effect how your website is displaying for you, but customers can still see things correctly. The fix for this is usually just to clear your cache and cookies, and update the device and browser you’re using.

If it’s still not appearing correctly after you try this, it may be best for you to speak with our live support team here. I’m not able to see your account information over the Shopify Community, but if you reach out to us through the page I shared, we can review your products with you in more detail. You can follow these steps to request support:

  1. Start on this page.
  2. Log in to your account.
  3. Select a topic most related to your question or problem.
  4. Continue to the support options listed under the suggested articles and guides.

Don’t hesitate to let me know if you have more questions, or if you have trouble reaching our live support team.

Hi Erin,

I’m using theme Craft, and having the same problem. My variants did show up on my storefront after my first setup yesterday. But when I tried to add variants to new products today, they didn’t show up anymore (The first showed-up variants are still here). I have tried using a laptop and iPhone, and there was no difference.

Thanks,

Nini

Hi, @Nini0415 ! I can definitely look into this with you if you’re still noticing this problem. I just have a few questions to make sure I’m understanding properly, and give you accurate advice.

I look forward to hearing back from you!

1 Like

Thanks, was worked for me.

In some themes it’s possible need to check the right side menu after clicking into the “Product” block, just to check if the “variations option” is active under the Theme Options tab. :smiling_face_with_sunglasses: :+1:

1 Like