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

  1. Go to Online Store > Themes in your Shopify Admin.

  2. Click Customize on your active theme.

  3. Navigate to a Product Page template.

  4. In the left sidebar, click Add Block.

  5. 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