I have a product that is a cash donation product. i’ve added a custom amount variant and want the quantity box to show when the custom variant is chosen. this works but only if i manually refresh the page and most people that visit the sit e aren’t going to do this. how do i get this page to refresh…

Hello BVPark , jQuery(function() { $('.single-option-selector').on('change', function(){ setTimeout(function(){ if($('[name="id"]').val() != "{{ product.selected_or_first_available_variant.id }}"){ location.reload(); } }, 1); }); }); use …

Thanks for the help. Could you tell me where to put the script exactly? I assume this goes in the theme.js file? sorry i’m new to shopify and just learning.

Put it in custom.js under assets.

Thank you! this worked perfectly.

is there a way to specify the page that reloads? it seems to reload every product page that contains variants. i really only need this for one of my products.

They are different way to do this, check this basic one {% if product.title == ‘Test product name’ %} // Include your script, but in this you have to place js script in product.liquid or a/to your need. {% endif%}

Hi - I would love to use this code too. My shop uses Brooklyn theme and i do not see a custom.js under assets. Can you advise on where I can paste it?

This was a huge help, thanks @BVPark . @Californiacut I didn’t have a custom.js file either but look under Assets for something like theme.js, or similar and just paste the code at the bottom. I use Minimal and it was under theme.js.

Hi, I am trying to do something similar. I’d like to have the page refresh when the selected variant is out of stock.

Hi use the Simple Theme when i bind this code in my Theme.js but he relod the Product Page again and agein when variant sold out is.

Need a page refresh everytime a variant changes to get the correct code to load

Store Design

BVPark October 10, 2019, 3:23am 8

Thanks. I tried this but couldn’t get it to work. I’ll go back to the way it was before because it was working great. Thanks again.

Topic		Replies	Views
How can I make my product page auto-refresh only when a variant is clicked? Technical Q&A	8	135	November 19, 2021
Need to auto refresh when variant is chosen Technical Q&A	11	147	December 23, 2021
Variant Selected, Want to Reload Page Contents. Dawn 7.0 Store Design	7	216	March 27, 2024
Produktseite refresht bei Variantenwechsel - Wie mache ich einen direkten Übergang? Technische Fragen & Antworten javascript , shopify-theme	1	35	June 28, 2024
Aktualisierung der Produktseite bei Variantenauswahl Technische Fragen & Antworten	15	110	March 28, 2023

Need a page refresh everytime a variant changes to get the correct code to load

Related topics