Why is the wrong variant being added to my cart?

[Christine_Bald]

Hi there! 

I've seen this question come up many times, but it seems like the answer differs from store to store. I'm having issues with the correct variant going into the cart. I've gathered its a javascript issue; however, I'm very new to coding and could use some help locating the issue in the console. Any advice is greatly appreciated 🙏🙏 https://modern-flame.com/ 

[LitExtension]

I checked and there was a JS error occured. https://i.imgur.com/7DYQyNW.png
I need to login to check it, if you want please send the staff to me. I will check it.

[Christine_Bald]

Thanks for getting back to me! Do you mean, give you a collaborator access? If so, may I please have your email address so I can send the invitation?

[LitExtension · Accepted solution]

Please add staff account with email: namphan992@gmail.com
I will check it.

[Christine_Bald]

Great! I just sent the invite with permission for themes.

[sunshinedaisy]

Hi, I am having the same issue. Did you resolve your problem? I would appreciate any advice on how to fix this:). Thank you!

[Christine_Bald]

Hi there!

Yes, a member of LitExtension was able to look at the code and show me where the error was. I’m my case, it was due to some languages I modified regarding product pages. However, I think this issue can arise from different types of Java Script errors. So, it’s best to ask a developer if you aren’t confident that you can locate the error yourself. 

[Bleu-Rose]

Hi! I have the exact same problem using the Debut theme. I don't have any coding experience and am having a lot of trouble tracking down the issue. Is there any chance you can help, @LitExtension ?

[Bleu-Rose]

I'm also able to get some stuff from the JS console (I hardly know what I'm doing!!!) that I think is related:

Uncaught TypeError: Cannot read properties of null (reading 'classList')
at product.updateETA (leather-cutout-spoon-holster-custom-34456:3158:14)
at Product._updateAvailability (theme.js:4730:17)
at HTMLDivElement.dispatch (vendor.js?v=12001839194546984181688264611:14:16845)
at g.handle (vendor.js?v=12001839194546984181688264611:14:14920)
at Object.trigger (vendor.js?v=12001839194546984181688264611:15:7180)
at HTMLDivElement.<anonymous> (vendor.js?v=12001839194546984181688264611:15:7744)
at Function.each (vendor.js?v=12001839194546984181688264611:13:14843)
at re.fn.init.each (vendor.js?v=12001839194546984181688264611:13:12810)
at re.fn.init.trigger (vendor.js?v=12001839194546984181688264611:15:7719)
at Variants._onSelectChange (theme.js:723:23)