Variants don't change on product page in Debut Theme

[Gregoris]

Hello, i have tried different ways to fix this issue but it still remains a mystery. I haven't changed much from the product page but until recently the variants were working properly and all of a sudden they just stopped. I have tried changing or even removing and adding them again but still the problem is there. Any help on the code or any suggestion what might be the problem

[Jasoliya]

Hi @Gregoris 

Send your store url

[Gregoris]

https://dog-chef.myshopify.com/

[Jasoliya]

Open Asset->theme.js file and find below:

this.$container.trigger({
        type: 'variantSKUChange',
        variant: variant
      });
    },

Now remove last '},'

[Gregoris]

Hello, unfortunately the problem remains. The variants are shown as usual but are not changing value, price or the image. this is the main problem

[Jasoliya]

Yes thats because of you have added js code and not closed  bracket properly so all massed with Js code

Add me as staff (jasoliyabrijesh123@gmail.com) i have to check code

Or try to add } after this:

 _updateSKU: function(variant) {
      if (variant.sku === this.currentVariant.sku) {
        return;
}

You have not added } after return

Note: add previous }, back

[Gregoris]

Added you now. 

[Jasoliya]

Done check now.

Dont know why you added below code but that affecting because 'cache' cant find in Js still it generating issue but variants working now.

 cache.$parents.on('click.siteNav', function(evt) {
        var $el = $(this);
        if (!$el.hasClass(config.activeClass)) {
          // force stop the click from happening
          evt.preventDefault();
          evt.stopImmediatePropagation();
        }

        showDropdown($el);
      });

[Gregoris]

Hello yes that code was made in order to hover the menu without needing to click on the button. but anw the variants are working properly now. Unfortunately the hover dropdown menu is not working properly tho. 

[Jasoliya]

check now working  fine menu on hover

[Gregoris]

Yea it is working but it is not working properly. if you hover on the menu you will see that when the mouse move down to the drop menu it disappears as it needs to be clicked to be opened. I want to hover on the menu and open the dropdown menu and when i move my mouse down to the dropdown menu to remain there. this was the issue i have and i tried changing values on margins etc but no result 

[Jasoliya · Accepted solution]

Done check now

[Gregoris]

Thank you, its done.

[avei]

Hi. Please HELP! i cant solve the problem. the products images not working. 

https://peril.store/collections/mens-shoes/products/classic-mens-sandals-summer-soft-sandals-comfort...

[jocelynkellner]

I have the same problem with the menu after changing the code. Can you please describe what you did to fix it?

[Jasoliya]

Let me know what exact issue getting and send store url. 

[jocelynkellner]

@Jasoliya  this issue was resolved. thanks

[jayson2]

Can you help me also on the variants product, my exact problem is this, once I select variants all images on the thumbnail was replacing the featured image and not changing on the the variant image that I put on the admin product page.

[Jasoliya · Accepted solution]

Send me your store url

[Vero72]

I have the same issue. Please help. Thanks