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.

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%}

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.

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 9, 2019, 5:18am 6

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.

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

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

Related topics