Variants not showing up

Solved
Tourist
6 0 2

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?

0 Likes

Success.

Shopify Staff
Shopify Staff
768 75 150

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

Bo | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Tourist
6 0 2

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!

1 Like
Excursionist
27 2 2

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.

0 Likes
Shopify Staff
Shopify Staff
768 75 150

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

Bo | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Excursionist
27 2 2
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
0 Likes
Shopify Staff
Shopify Staff
768 75 150

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

Bo | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
New Member
1 0 0

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

0 Likes
New Member
2 0 0

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?

0 Likes