Variants not showing up

[Andrew2018]

Hi, I'm using the Supply Theme.  I have four variants on most of my products, but none of them are showing up.  The price of the first variant appears under the product title. I went through and checked the variants with inventory in stock and without, and it's happening on all of them.  What am I missing?

[Bo · Accepted solution]

Hey there, @Andrew2018 

Bo here from Shopify Support! 

That is a really interesting issue, in my experience, this generally happens when the javascript that controls the variant function has been deleted. Can you please do the following: 

• Go to Online Store > Current Theme > Actions > Edit Code. 
• Go to the Assets Folder > theme.js.liquid. 
• At the bottom of this file paste the following code:

$(document).ready(function() {
  var sections = new theme.Sections();
  sections.register('collections-list-template', theme.FeaturedCollections);
  sections.register('collection-row-section', theme.CollectionRows);
  sections.register('collection-template', theme.Collection);
  sections.register('header-section', theme.HeaderSection);
  sections.register('list-collections-template', theme.ListCollections);
  sections.register('map-section', theme.Maps);
  sections.register('product-template', theme.Product);
  sections.register('slideshow-section', theme.SlideshowSection);
});

• Click Save.

Let me know how this goes and if there is anything else I can assist you with, I'm happy to help!

All the Best,

Bo

[Andrew2018]

Wow, that worked a treat.  Copied/pasted the theme.js.liquid code into a document first (just in case), but was pleased that your solution was so effective.  Thanks!

[pmartensen]

This didn't work for me.  I can't find the "theme.js.liquid" file.  I can only find the "theme.js" file.  I pasted the code into that and it didn't change anything on the site.  Where should I see the variants show up?  On the shopping cart page?  I'm using the Debut theme.

[Bo]

Hey there, @pmartensen 

If you are using the Debut theme, this code will not work for you as it is written specifically for the Supply theme. Are you experiencing the same issue mentioned above on your theme? 

All the best,

Bo

[pmartensen]

Bo,

Sorry, I should have come back to this. I was not setting up the variants
properly, which is why they didn't show up. I finally got them to work.
A slightly different question though. I have one product that I sell in a
5 pack, 10 pack, and 20 pack. Those are the variants I created. When I
add inventory, it is for each variant, but that isn't quite correct. Is
there a way to indicate that I have 100 pieces, and when someone buys a 5
pack that gets reduced to 95 and so on?

Thanks,

Peter

[Bo]

Great question! While this is not a native feature of the platform, there are apps that can achieve this for you. One example would be Bulk Order which is only $2.99 in the app store. 

All the Best,

Bo

[Laina1]

Hi Bo,

I'm having the exact same problem with the minimal theme, is there a code to fix it on that theme?

Thanks,

Laina

[Relie]

Is there a code for the fashionopolism theme? When I add additional variants such as color and size (I already have length as variant) to my products  it doesn't show anything and all variants disappear from product page. Is there a way to fix this?