Show discounted price on Product page

The Dollarlabs: B2B Custom Pricing 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 the tags and the final discounted price inside the app.

  • Your store theme supports app blocks (most Online Store 2.0 themes do).

If your store is on Shopify 1.0 theme or you don't see the app block in your theme's product page customsiation section, please reach out to [email protected] for help.

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 Dollarlabs: B2B Custom Pricing 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. 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.

5. Need Help?

If you have any questions about setting up or customizing the Dollarlabs: B2B Custom Pricing Product Page Block, please contact us through the chat widget or email us at [email protected] support team. We’ll be happy to assist.

PreviousGetting startedNextShow Discounted Prices on Collection page

Last updated