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

{% embed url="<https://youtu.be/FIPjzQtF4gc>" %}

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

{% hint style="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 <support@dollarlabs.io> for help.
{% endhint %}

***

### 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&#x20;
    * 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&#x20;
    * 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 <support@dollarlabs.io> support team. We’ll be happy to assist.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.dollarlabs.io/dollarlabs-b2b-custom-pricing/show-final-prices-on/product-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.