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

# Show final prices on

Show customer prices on product pages, collection cards and order forms.

**Add app blocks to show customer prices before checkout.** Dollarlabs applies discounts in the cart and at checkout. Your theme needs the blocks below to show those prices on product pages, collection cards and order forms.

## What to add

<table><thead><tr><th width="230">Block</th><th width="150">Where</th><th>What it does</th></tr></thead><tbody><tr><td><a href="/dollarlabs-b2b-custom-pricing/show-final-prices-on/product-page.md"><strong>Product Price</strong></a></td><td>Product template</td><td>Shows the buyer's price on the product page, with optional strike-through original, currency code and login gating.</td></tr><tr><td><a href="/dollarlabs-b2b-custom-pricing/show-final-prices-on/collection-page.md"><strong>Collection Pricing</strong></a></td><td>App embed</td><td>Updates supported collection and search cards; custom layouts can use a price hook or SDK.</td></tr><tr><td><strong>Volume Tiers</strong></td><td>Product template</td><td>The pricing ladder as a table. See <a href="/dollarlabs-b2b-custom-pricing/getting-started/volume-tiers-and-case-multiples.md">Volume tiers &#x26; case multiples</a>.</td></tr><tr><td><strong>Validation Message</strong></td><td>Product template</td><td>Explains case-quantity rules before the buyer reaches checkout.</td></tr><tr><td><a href="/dollarlabs-b2b-custom-pricing/show-final-prices-on/add-to-cart-button.md"><strong>Add to Cart</strong></a></td><td>Product template</td><td>Adds a case-aware quantity picker and button. Optional button-only mode adds a case or minimum quantity per click.</td></tr><tr><td><a href="/dollarlabs-b2b-custom-pricing/show-final-prices-on/order-form.md"><strong>Order Form</strong></a></td><td>A page template</td><td>Build and review a bulk order, then continue to checkout.</td></tr></tbody></table>

At minimum, add **Product Price** and **Collection Pricing**. Add **Volume Tiers** and **Validation Message** to explain volume or case rules. Add **Add to Cart** when buyers need a case-aware quantity picker.

## Adding a block

1. **Online Store → Themes → Customize**.
2. Pick the template you want — usually **Product → Default product template**.
3. **Add block → Apps**, and choose the Dollarlabs block.
4. Position it, configure it, **Save**.

{% hint style="success" %}
Let the app place the block for you. On the app home page, open **Theme blocks**, select a block that is not placed, then select **Add to theme**. The theme editor opens with the block ready; check its position and select **Save**. For Collection pricing the button is **Turn on in theme editor**.
{% endhint %}

<figure><img src="https://2844543096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcVBfwy7Yj4tU8TsxkHEr%2Fuploads%2Fgit-blob-73741af467bcb0494e4d4c7d2e6f82ec8672627b%2Fhome-theme-blocks-annotated.png?alt=media" alt="Theme blocks popover listing Product page price, Volume tiers, Collection pricing and Order form as Active and Wholesale form as Not placed." width="572"><figcaption><p>Check which storefront blocks are live on your published theme without opening the theme editor.</p></figcaption></figure>

<figure><img src="https://2844543096-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcVBfwy7Yj4tU8TsxkHEr%2Fuploads%2Fgit-blob-ce20461d50bc00f865383b459fb4c18501f8330b%2Fproduct-block-picker-annotated.png?alt=media" alt="Shopify theme editor block picker on the Apps tab listing Dollarlabs Add to Cart, Order Form, Product Price, Validation Message and Volume Tiers."><figcaption><p>Select Add block inside the product details (badge 1 sits on that link), open the Apps tab, then choose the Dollarlabs block.</p></figcaption></figure>

App embeds (like Collection Pricing) are different: open the **App embeds** panel in the theme editor sidebar and toggle them on.

{% hint style="info" %}
Blocks appear only on Online Store 2.0 themes. On an older theme, or if you cannot see the block, email <support@dollarlabs.io>.
{% endhint %}

## Test on a duplicate theme

Duplicate your theme, set the blocks up there, and preview with a real tagged customer before publishing. Theme changes are live the moment you save on a published theme.

{% hint style="info" %}
The block status in the app checks your **published** theme. Blocks you add to a duplicate theme show as not placed until you publish that theme.
{% endhint %}

## How to tell display from pricing

Compare the product page with the cart:

* **Cart wrong** → a pricing, tag or [rules](/dollarlabs-b2b-custom-pricing/price-list/payment-and-delivery-rules.md) problem. The blocks cannot fix it.
* **Cart right, product page wrong** → check the theme blocks and app embed settings.

See [Troubleshooting](/dollarlabs-b2b-custom-pricing/troubleshooting.md) for the full list.