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

circle-info

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.

Last updated