New Shopify Certification now available: Liquid Storefronts for Theme Developers

Product Availability not updating when changing variant

Shopify Partner
7 0 2

Hi everyone! 

I am having an issue where the product availability text does not update when changing variants. It only updates if you select a different variant, and then refresh the page. My store allows customers to order products when they are out of stock, and with that, I had to add a new "availability" option, called "backorder" so customers won't be confused seeing out of stock. 


Here is a video showing what I am referring to: again, the availability does not update unless the page is refreshed.


Here is the code that controls that block on the product page: 




The SKU and the Price both update perfectly without having to refresh the page. 

I feel as though I am missing something small, that will fix this issue. 




Cloud City Drones ~ Operations Manager
Replies 2 (2)
Shopify Partner
5931 537 1241

Please don't paste screenshots of code, paste relevant text snippets into the code format button, thank you.


If your theme explicitly states it has this feature and it explicitly says it works with variant selection, or the demo stores work with variants  ,then you need to contact the theme developers to report a bug.



If this is a customization the code provided seems to only render that exact logic on page load there is no interactivity(javascript code) shown.

 Looking at the website shows no obvious console errors so I assume no javascript was customized so far.

To also update the quantity in addition to the price and sku when changing variants; you will likely need to either update the variant selection logic , or make a function that triggers on a specific javascript event that wildly varies between theme.


If you need this customization contact me info in signature. Please include store name ,theme name, and problem description(or this post link).


FYI:  the website has ALOT of popups and nags for new visitors make a habit of regularly using incognito browsing to keep aware of apps accruing in the new customer experience. 



Save time & money ,Ask Questions The Smart Way

Confused? Busy? Get the solution you need

Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Buy Paul a Coffee for more answers or donate to

Shopify Partner
1 0 0



I am having the exact same issue as you show in your video. Was there a resolution to this issue or code you'd be willing to share to help?


We are using Simple White theme.