Variants not updating price change unless page is refreshed

Hello everyone, I’m having an issue on our site where pricing isn’t automatically changing when a variant is selected but will change once the page is refreshed. This is only happening on mobile, the desktop version is working just fine.

We are using a paid theme template called Shale.

If anyone has any ideas for a fix that would be greatly appreciated.

Thanks in advance!

1 Like

Hi. Could pls share your store link. There might be many reasons for that but it’s likely a bug in the code in JS.

Hey @treggyw

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

Hi there, thank you for the reply!

Here is a link to the site and one of the products this is affecting. Thanks in advance!

This issue is related to the JS. It’s not working realtime. Which leads you to this issue. Have you tried to Edit the variant-picker.js file before?

The issue appears to be resolved. I’ve verified the page, and the dynamic pricing is now updating correctly.

Did you solve the issue? Upon checking, I see price changes when selecting a variant.\

Why do not you reach out to the theme support?
That’s why you’ve paid for this theme in the first place.

And if theme support fails to fix it, report it to Shopify.


The theme has 2 price elements – one is shown on desktop, another on mobile, however, the theme only updates the desktop price element.

The problem, however, is that it fails the same on their demo store – Peruvian Apple Cactus – Story Spade

The theme uses Alpine.js to update page content and it’s more complex to debug without proper sources…

Something like this AlpineJS morph plugin problems & replacing `innerHTML` ? · alpinejs/alpine · Discussion #3120 · GitHub