Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
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
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.
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?
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.
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 🙂
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?
Where do i add this on that page? At the bottom of the file? That will be helpful. thanks
how did you fix that bro ?
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025