Help with Refresh Theme - Refreshing item price on quantity change

We are using the Refresh Theme and looking to have the price on the product page update dynamically on Quantity changes similar to how the price updates with the variant changes.

Since we will be selling item by ‘multiples’, we want the customer to see the price before hitting the add to cart button. For example, an item will cost $3, but will be sold in multiples of 3, 6, or 9. When 3 is selected, the cost should change to $9. Quantity of 6, cost is $18, etc.

Hi @Dan_Laguardia1

This is Richard from PageFly - Shopify Page Builder App

Regardings your concern, i checked and found that currently Refresh theme doesn’t have this option yet.

In this case, to achieve that functionality it will need a lot of custom Javascript code. I think you should hire an expert to implement the code for you.

Hope this can help you solve the issue

Best regards,

Richard | PageFly

Hello @Dan_Laguardia1 ,

You try to use this code:

Go to Online Store → theme → actions → edit code

Go to Sections → main-product.liquid file → add this following code


Save and preview

Hope this will help.

Ali Reviews team.

1 Like

Thank you! Unless I’m pasting the code in the wrong selection, this snippet didn’t work.

It is because page fly wraps there elements that you are trying to listen too..
The quantity control is wrapped in a div and when you add an id to it, it adds it to the div, not the input element so it will not trigger the listener correctly nor update the price properly. Page Fly needs to fix this.

I added this to my product page to calculate the price for discounts I had at 10 and 100 quantities. You can add an html/liquid block to the page and reuse this code to achieve the price change.