Comment on page
Handle Volumes and Seats
Easily handle dynamic changes on your pricing page for volumes and graduated prices.
Volume, seats, graduated prices, and the likes work in a slightly different way: Since designs change on every websites, we added a watcher to place on the element where you display the current selected value. So whether you have a button, a select buttons, a cursor, or whichever other strategy, place the
data-pricery-watcheron that place where the current volume is displayed, and let pricery change the other values for you:
// Don't change anything to your current logic
<span class="selected">5 seat</span>
// Just add a pricery watcher where the selected amount is displayed
Don't have a unique display location? If you don't clearly display the current selected number anywhere on your current design, just create a hidden HTML element with that value and add the pricery watcher there.