Variants not showing up in debut theme

diningcouture
New Member
6 0 0

Hi, I'm using the Debut Theme.  I have four variants on one 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, but no change  What am I missing?

Replies 7 (7)

diningcouture
New Member
6 0 0

No one to help me on this issue

DeKsTech
Shopify Expert
56 4 9

@diningcouture wrote:

No one to help me on this issue


Can you provide the link in which this is occuring? Also can you take a screenshot of the product from Shopify admin?

DeKs Tech | www.dekstech.com
diningcouture
New Member
6 0 0

Hi, 

Thank you for the response. 

 

Below is the link of the product page where I am adding the variant and corresponding Prices.

https://dining-couture.myshopify.com/admin/products/6658018640081

diningcouture_0-1626766470566.pngdiningcouture_1-1626766496252.png

 

Hope you can help me with this issue.

Thanks

diningcouture
New Member
6 0 0
diningcouture
New Member
6 0 0

Hi, Didnt got any answer from your end.

DeKsTech
Shopify Expert
56 4 9

Hey there, sorry for the late reply. So out of the box, this functionality just works since it is standard Shopify theme support. I also see you are missing your add to cart button. Was that intentional? 

If you made customizations to the store or another did, you should revert the code back to its original form and that would be my recommendation. Someone could easily create some custom functionality but it's best to leverage the code provided by Debut theme.

There is some code in the theme.js file that handles this. Here it is:

    _onSelectChange: function() {
      var variant = this._getVariantFromOptions();

      this.container.dispatchEvent(
        new CustomEvent('variantChange', {
          detail: {
            variant: variant
          },
          bubbles: true,
          cancelable: true
        })
      );

      if (!variant) {
        return;
      }

      this._updateMasterSelect(variant);
      this._updateImages(variant);
      this._updatePrice(variant);
      this._updateSKU(variant);
      this.currentVariant = variant;

      if (this.enableHistoryState) {
        this._updateHistoryState(variant);
      }
    }
DeKs Tech | www.dekstech.com
diningcouture
New Member
6 0 0

Thanks for the solution. Will check