Why is my Dawn Theme 4.0 variant pricing not displaying correctly?

[Treyhaskett]

I am having an issue with my product variants not displaying the proper pricing. They all default to the lowest price not matter what variant options I select. This seems to be an issue with every product on my site. Any help or advice on where to look would be greatly appreciate. I am using Dawn Theme 4.0 https://highlandridgewoodworks.com/products/laurel-dining-table

[nidhipatel]

Hi @Treyhaskett 

Please add the below code to the variants.js file

  updateMasterId() {
    this.currentVariant = this.getVariantData().find((variant) => {
      	return !variant.options.map((option, index) => {
        return this.options[index] === option;
      }).includes(false);
    });
  }

I hope it's helpful to you.

[Treyhaskett]

Thanks for the response! For some reason I am unable to locate the variant.js file. Might it be called something else by any chance?

[GoDrinks-Bali]

Hi @nidhipatel , Need help to find variants js

[nidhipatel]

Hi @GoDrinks-Bali & @Treyhaskett 

Sorry for delay.

I have checked your theme version 4.0.0 where variants.js is not available. so you have to add the below code to the global.js file.

Go to Assets/ global.js and add below code.

updateMasterId() {
    this.currentVariant = this.getVariantData().find((variant) => {
      	return !variant.options.map((option, index) => {
        return this.options[index] === option;
      }).includes(false);
    });
  }

Thank you.

[TSF5b]

HI, I seem to be having the same issue when changing my theme from Debut to Expanse, tried your fix above (had to put in my theme.js)

 updateMasterId() {
this.currentVariant = this.getVariantData().find((variant) => {
return !variant.options.map((option, index) => {
return this.options[index] === option;
}).includes(false);
});
}

but it is not working, do you have an alternative for the Expanse theme at all, would really appreciate any feedback, thanks 🙂

[Soles]

Hi,

I have the same issue with the Dawn Theme. I have tried inserting that extra bit, but noticed that its already in the global.js. I tried adding it anyway and everything else and nothing worked. 

Would you or anyone else have any other solution to this please?

[moe6]

Where do i add this on that page?  At the bottom of the file? That will be helpful.  thanks

[vseazon]

how did you fix that bro ?