Skip to main content

How to enable the discount table on the product page

How to Enable Discount Table on Product Page

Step 1: Access Price List

generated-image-at-00:00:00

* Open the app and navigate to the Price List section. * Click on the Display Settings tab. Step 2: Choose Discount Table Template * Select a template for the discount table from the available options (6 templates). * Choose the one that enhances customer experience. * Click Save. Step 3: Configure Table Display Settings

generated-image-at-00:00:44

* Set the table display to Static Table View. * Choose the line style (solid or dotted) for borders. * Adjust border size and radius as desired. * Set text alignment. Step 4: Add Branding Color

generated-image-at-00:01:39

* Optionally, add a branding color to the discount table. * Adjust other color options as needed. Step 5: Save Display Settings

generated-image-at-00:01:54

* After configuring all settings, click Save. Step 6: Set Up Price Breaks in Catalog

generated-image-at-00:02:04

* Return to the Price List and navigate to the Catalog. * Select the catalog where you want to set the discount (e.g., Wholesale 50). * Add quantity breakups for pricing (e.g., 1 unit at $250, 50 units at $200). * Click Add Quantity to save each pricing tier. Step 7: Export/Import Options

generated-image-at-00:03:09

* If needed, export the entire product list as a CSV for bulk updates. * You can also import the CSV back into the app. Step 8: Edit Live Team Settings * Go to Online Store and select your live team. * Choose a product to edit and decide where to place the discount table (e.g., below the buy button). Step 9: Add Discount Table to Product Page

generated-image-at-00:04:04

* Hover over the buy button and click the plus button to add a new element. * Select Apps and then choose your discount table app. * Save the changes. Step 10: Test the Discount Table * Log in to your testing account and ensure you are assigned to the correct catalog. * Refresh the store page and navigate to the product to verify the discount table is displayed. Step 11: Troubleshooting

generated-image-at-00:05:48
Did this answer your question?