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

Technical Q&A
1

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

2

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.

3

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?

4

Hi @nidhipatel , Need help to find variants js

5

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);
    });
  }

2022_07_06_global.png
2022_07_06_global.png1643×828 175 KB

Thank you.

6

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 :slightly_smiling_face:

7

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?

8

how did you fix that bro ?

9

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