How to style and display the discount widget on the product page?

Create a volume discount using the quantity selector widget.

To set up discount rules based on customer groups for products and collections:

Method1:

  • Click on the Discount rules section to be directed to the product page.
  • Choose the product for which you wish to create discount rules.
  • Choose “Edit Offer with Sales & Volume Discounts” from the More Actions menu.
  • The Create Discount Rules form will appear, allowing you to specify rules for the selected product.
  • Once you’ve configured the rules, save your changes.

Method2:

  • Click on the Discount rules section to be directed to the product page.
  • Select checkbox for Multiple / All products
  • Click on the three dots and choose the Oscp Sales & Volume Discount app.
  • The Create Discount Rules form will appear, allowing you to specify rules for the selected product.
  • Once you’ve configured the rules, save your changes.
configured-the-rules
  • After saving the discount, as a one time setup, we have to configure the widget settings.
  • In the product page theme editor, click on Add block and select the quantity selector widget from Oscp Sales & Volume Discount App.
select-quantity-slector-widget
  • Drag and move it to the desired position.
  • Save the settings and Quantity Selector Widget will now be created and displayed on the product page of your store for customers to see.
  • You can change the text color of the Quantity Selector Widget.
text-color-of-the-quantity-selector-widget