Show the discounted price on the Product page v2
The Price List V2 product page app block allows you to control how product prices are displayed to customers on your Shopify store. This includes showing/hiding prices for logged-in users, displaying compared prices with strike-through, and even adding custom CSS for styling.
Follow the steps below to set it up:
1. Prerequisites
Before you begin, make sure that:
You have already set up your Price List and discounts inside the app.
Your store theme supports app blocks (most Online Store 2.0 themes do).
2. Adding the App Block
Go to Online Store > Themes in your Shopify Admin.
Click Customize on your active theme.
Navigate to a Product Page template.
In the left sidebar, click Add Block.
Select the Price List V2 Product Page Block.
π Once added, you can position the block anywhere on the product page.
3. Configuring the Settings
After adding the block, youβll see several options to customize how prices are displayed:
Show original price
If the product has a discount configured in price list, this setting if enabled shows the list price as a strikeout price.
If enabled
Rs. 1,699.95(List price of the product) Rs. 290.00 (Final discounted price)
If disabled
Rs. 290.00 (Final discounted price)
Show compare at price for non-discounted price
Enable this setting to display the original list price with a strike-through when a discount is not present for the product
If enabled
Rs. 1,699.95(Compare at price of the product) Rs. 290.00 (List price)
If disabled
Rs. 290.00 (List price)
Custom CSS
Add your own CSS to adjust how the price appears.
For example, you can change font size, color, or position.
4. Example Use Cases
B2B stores that only want logged-in users to see prices and show the final discounted price to customers
Discounted products where showing the strike-through price increases conversion.
5. Troubleshooting
If the block does not appear, check that you are editing the Product Page template that's assigned to the product you're checking.
If the block does not appear, check that you are on the same theme that you are editing.
Make sure your discounts are already set up in the Price List app.
For advanced customization, reach out to our support team.
6. Need Help?
If you have any questions about setting up or customizing the Price List V2 Product Page Block, please contact us through the chat widget or email us at [email protected] support team. Weβll be happy to assist.
Last updated