Variant picker won't update the price + won't let add to cart

Solved

Variant picker won't update the price + won't let add to cart

NorbertasStre
New Member
7 0 0

Hello 👋 I've got a problem with a variant picker in my store.  When I try to select one variant, for ex. Kronos (the first color variant) and A, B, or C size (price is different for every size), the price won't update, but it works fine with other colors, for ex. Monolith + B size. 
If we reload the page with the color Monolith selected, then size variants won't work with Monolith (price won't change).

 

Any ideas on how to fix it? 😞

 

Dawn theme

 

In the console I see an error: 

Screenshot 2024-03-15 121524.png

Video with demonstration: https://www.dropbox.com/scl/fi/d1csf41kipi8291e2svv4/unknown_2024.03.15-11.49.mp4?rlkey=y0eben2n3dcy...

Store website: www.bildabaldai.lt (I recommend to check the error here https://bildabaldai.lt/products/minksta-lova-dove/ )

Accepted Solutions (2)
ThePrimeWeb
Shopify Partner
2139 616 515

This is an accepted solution.

I don't know of anyone else who has this problem in the dawn theme. Unless you changed the code, this shouldn't be a code issue because everyone using Dawn would have this problem.

 

Can you update the Theme?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

ThePrimeWeb
Shopify Partner
2139 616 515

This is an accepted solution.

But it's working now for me

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 9 (9)

ThePrimeWeb
Shopify Partner
2139 616 515

Hey @NorbertasStre,

 

Somehow it's only the "Kronos" Variant that's having this problem. When you select others, "Monolith", etc.. It seems to work fine. Can you check if there's anything you misconfigured in the Kronos Variant?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
NorbertasStre
New Member
7 0 0

Hi!

It seems that everything is okay with the variant settings.. 

Screenshot 2024-03-15 141254.png

ThePrimeWeb
Shopify Partner
2139 616 515

Seems weird. Can you delete that variant and add again from scratch?

 

I can only ask you to try these things because I don't have access to your store

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
NorbertasStre
New Member
7 0 0

I've tried doing it before, but I've done it rn, and nothing has changed.. 

The problem is that if You enter the product page for the first time, it will not let you add to the cart (also, the price will not change) the first variant. If you select another variant and reload the page, then it won't be available for purchase etc., so I think that there is a problem with the code 😞

ThePrimeWeb
Shopify Partner
2139 616 515

This is an accepted solution.

I don't know of anyone else who has this problem in the dawn theme. Unless you changed the code, this shouldn't be a code issue because everyone using Dawn would have this problem.

 

Can you update the Theme?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
NorbertasStre
New Member
7 0 0

I have tried to do it, but nothing has changed 😞

ThePrimeWeb
Shopify Partner
2139 616 515

This is an accepted solution.

But it's working now for me

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!
NorbertasStre
New Member
7 0 0


I've forgot to delete the cookies after update. Thank you! I feel so bad rn.. 😂

youngdropshiper
Visitor
1 0 0

Hi. Find

"
playActiveMedia(activeItem)
"

and paste here full version:

"
playActiveMedia(activeItem) {
window.pauseAllMedia();
const deferredMedia = activeItem.querySelector('.deferred-media');
if (deferredMedia) deferredMedia.loadContent(false);
}
"