Setting Up Quantity Selectors for Discounts

This guide provides steps to set up quantity selectors, particularly useful for volume discounts, tiered card spends, or buy x for y amount discounts. The quantity selector updates when the radio button is selected.

Step 1: Open the developer tools by pressing Ctrl + Shift + I or Command + Shift + I.



Step 2: Inspect the quantity selector.



Take note of the class name, in this case, it's "quantity g f g high". Copy this class name.

Step 3: Navigate to the settings page in the guide app.

Step 4: Go to the custom CSS and JavaScript settings.



Step 5: Scroll down to find the quality selector selectors, multi button selectors. Paste the copied class name here.

Remember to add dots before the class name. If there are two selectors, separate them with a comma.

Step 6: Click on save.



Step 7: Return to the store and refresh the page.

Now, when selecting these, the quantity updates accordingly. Adding to the cart will reflect the updated quantities. This method allows for easy resolution of issues with quantity selectors on volume discounts or buy x items for y amount discounts.

Updated on: 11/10/2024