> For the complete documentation index, see [llms.txt](https://help.dollarlabs.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.dollarlabs.io/dollarlabs-b2b-custom-pricing/show-final-prices-on/product-page.md).

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