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. 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.

Thanks Guleria, you are awesome!!! That code worked. I did not had a custom.js, but when I out it in the theme.js - everything works fine now. I will save your contact information in case of a customization or problems, which I can’t do myself. It looks like you are a very knowledgeable & nice guy…

[Screenshot_20210211-120949_Chrome.jpg] [Screenshot_20210211-120949_Chrome.jpg] [Screenshot_20210211-122915_Chrome.jpg] M [Screenshot_20210211-123005_Chrome.jpg] I have variants that doesn’t work unless I refresh the page. I went to edit codes found a variant code as you can see in the scre…

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

This is not working for me, but i am on a different theme. My selector code is {% for option in product.options_with_values %} {% if pick_an_option and option.values.size > 0 %} Pick a {{ option.name }} {% endif %} {% for value in option.values %} {% if pick_an_option and option.values.size > …

Love that solution. But i am struggeling a bit to include it into my code. Would love it if you could help me out! Just let me know :slightly_smiling_face:

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

Store Design

Californiacut January 11, 2023, 2:53am 19

Yeah I’m going to ditch the whole them altogether. You’re right that it’s
not a solution to refresh the page. It’s just a feature that would be good
to have but which isn’t available

Topic		Replies	Views
How can I make my product page auto-refresh only when a variant is clicked? Technical Q&A	8	136	November 19, 2021
Need to auto refresh when variant is chosen Technical Q&A	11	153	December 23, 2021
Variant Selected, Want to Reload Page Contents. Dawn 7.0 Store Design	7	217	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