> For the complete documentation index, see [llms.txt](https://docs-shpf.bsscommerce.com/b2b-wholesale-solution/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-shpf.bsscommerce.com/b2b-wholesale-solution/b2b-pricing/custom-pricing/display-custom-pricing-how-prices-appear-to-customers.md).

# Display Custom Pricing – How Prices Appear to Customers

Control how custom wholesale prices are displayed on product pages, in the cart, and at checkout. These settings let you choose what original and discounted prices customers see.

Custom prices appear on product pages, collection pages, quick view, the cart and the mini cart for customers who match a rule. They show when the **Custom Pricing** module is on, the **B2B Solution app embed** is active in your theme, and at least one rule is active.

## 1. Check the Storefront Requirements

Go to **B2B pricing › Custom Pricing** and click **Storefront setup** in the header. The page checks that:

* the module is on,
* the **B2B Solution app embed** is on in your live theme,
* prices show correctly in your theme.

Use **Turn on module** and **Open theme editor** to fix anything that is not done. The **Make Custom Pricing live** card on a saved rule shows the same checks.

<figure><img src="https://1478990334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2Fgit-blob-9e4b9c8494dfabfa8c9eb8ad205a7ab343cf41b4%2Fcms-cp-display-01.png?alt=media" alt="Storefront setup checks"><figcaption><p>Storefront setup checks</p></figcaption></figure>

{% hint style="info" %}
Turning the app embed off hides B2B pricing and the other storefront features, including registration forms on your theme pages, but keeps your rules and settings. Manual Orders and Auto Tags keep working.
{% endhint %}

## 2. On the Product & Cart Pages

Go to **B2B pricing › Custom Pricing › Settings**. Under **Price display mode**, pick one of three modes. A live preview on the right shows the result.

<figure><img src="https://1478990334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2Fgit-blob-bb8fbc2477de0f7ec56f96de290d2485972b0d35%2Fcms-cp-display-02.png?alt=media" alt="Price display mode and Color design"><figcaption><p>Price display mode and Color design</p></figcaption></figure>

<table><thead><tr><th width="356.60546875">Mode</th><th width="391.59765625">What the customer sees</th></tr></thead><tbody><tr><td><strong>Show custom price and original price</strong> (Recommended, default)</td><td>The custom price with the original product price crossed out</td></tr><tr><td><strong>Show custom price and compare-at price</strong></td><td>The custom price with the compare-at price crossed out</td></tr><tr><td><strong>Show custom price only</strong></td><td>Only the custom price; original and compare-at prices are hidden</td></tr></tbody></table>

Under **Color design**, set the color of **Original / Compare-at price** (the crossed-out price) and of **Custom price**. Click **Save** in the save bar.

{% hint style="info" %}
If a product has no compare-at price (or it is lower than the price), **Show custom price and compare-at price** crosses out the original price instead.
{% endhint %}

{% hint style="warning" %}
**Price Lists** use the same display mode and colors. Saving here also changes how Price List prices look.
{% endhint %}

<figure><img src="https://1478990334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2FfTCIF6zkyRyOblxlRmPB%2Fimage.png?alt=media&amp;token=16f1d6a2-bcb3-4d94-bd74-aeb5ee913a8f" alt=""><figcaption></figcaption></figure>

### When Is a Price Crossed Out?

The original or compare-at price is crossed out only when the custom price is **lower** than the product's current price. If a rule raises the price, customers see the custom price on its own.

* **Apply a decreasing price** only lowers prices. An amount above the current price leaves the price unchanged.
* **Apply an increasing price** only raises prices. An amount below the current price leaves the price unchanged.

## 3. On the Checkout Page

Go to **Settings › Shopify checkout settings** (the app's global **Settings**, not the Custom Pricing **Settings** button) and find **Price override**:

* **Disabled** (default): the original price is shown and the B2B discount appears as a separate line. The line is labelled with your **Checkout discount title** if you set one, or has no title if you leave it empty.
* **Enabled**: customers see the discounted price as the item price.

Click **Enable** or **Disable**, then **Save**.

<figure><img src="https://1478990334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2Fgit-blob-4710f08455d9bb6c2b566ad5bc9e3160f2e21851%2Fcms-cp-display-03.png?alt=media" alt="Price override at checkout"><figcaption><p>Price override at checkout</p></figcaption></figure>

{% hint style="info" %}
Enable **Price override** if you want buyers to see only their final wholesale price per item. Keep it disabled if you want the original price and the discount shown separately.
{% endhint %}

<figure><img src="https://1478990334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2F72reqZyzLoNKLGT6BaRV%2Fimage.png?alt=media&amp;token=9cd55042-19b1-4bbc-bfa9-cd7d30519db6" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1478990334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2F4auCz2mxvKFfOvAD1p2L%2Fimage.png?alt=media&amp;token=809ca2bc-9fe3-4846-af81-5d2ab31dbc52" alt="" width="563"><figcaption></figcaption></figure>

## 4. When Using Custom Pricing + Volume Pricing Together

If a product has both **Volume Pricing** and **Custom Pricing** rules applied:

* Custom Pricing is always applied first.
* After the Custom Pricing adjustment, the **Volume Pricing rule is applied on top of that price** if its quantity or amount condition is met.
* In the cart, once a volume tier applies, the original price is crossed out whatever display mode you chose. If the custom price is higher than the original, that higher price is crossed out instead.

<figure><img src="https://1478990334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2Fa7vHYIZ76MOoV0iKxnyU%2Fimage.png?alt=media&amp;token=bf777a86-5961-4af9-ada9-3aa50e8f379f" alt=""><figcaption></figcaption></figure>

**Example:** the original price is **$100**, the compare-at (sale) price is **$130**, the custom price is **$20**, and a Volume Pricing rule makes it **$12**.

| Display mode                           | What the customer sees (product page) |
| -------------------------------------- | ------------------------------------- |
| Show custom price only                 | ~~$20~~ → **$12**                     |
| Show custom price and compare-at price | ~~$130~~ $12                          |
| Show custom price and original price   | ~~$100~~ $12                          |

> If a product doesn’t have a “Compare at price” value, the system falls back to using the original price for comparisons.

## 5. Test as a Matching Customer

Log in to your storefront as a test customer that a rule applies to, for example one with the rule's customer tag, and open a product in the rule. Guests see custom prices only when a rule targets them.

{% hint style="warning" %}
Rules for guests need **Optimize B2B script loading** (**Settings › General**) turned **off**, because that option loads B2B scripts for logged-in customers only.
{% endhint %}

## 6. Fix Prices Your Theme Does Not Update

Some themes place prices in their own elements.

1. Go to **B2B pricing › Custom Pricing › Storefront setup**.
2. Click **Show manual installation**.
3. Under **Automatic installation**, select your theme and click **Install** if your theme is supported.
4. If your theme is not in the list, click **Ask support** (or chat with us): our team sets it up on your theme for free.

After switching to another theme, turn on the app embed there and install again.

### Theme Selectors (for Developers)

Developers can add extra CSS selectors in the module's **Theme settings**:

1. Go to **B2B pricing › Custom Pricing**, click **More actions** and select **Theme settings**. (You can also click **Open theme settings** in the **Theme selectors (for developers)** card on **Settings**.)
2. Under **General settings**, set the status to **Enable**.
3. Fill in the selector groups: **CSS selectors for product prices**, **CSS selectors for cart prices**, **CSS selectors for ajax cart** and **CSS selectors for quick view**.
4. Click **Save**.

<figure><img src="https://1478990334-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGolQYRPH9iUGYatlTXwl%2Fuploads%2Fgit-blob-5d11403ca5103849004ac623d7ec0e56b382a9b5%2Fcms-cp-display-04.png?alt=media" alt="Custom Pricing theme settings"><figcaption><p>Custom Pricing theme settings</p></figcaption></figure>

{% hint style="warning" %}
These developer settings used to live in the global **Advanced Settings** page. They are now per module, so Custom Pricing has its own **Theme settings**. Change theme selectors only if a developer or our support team asks you to.
{% endhint %}

## FAQ

**Why do some customers still see the normal price?** Custom prices show only to customers who match a rule (customer tag, specific customer, company location, logged-in or guest status, market and schedule). Check the rule's conditions and that the rule is active.

**Why is nothing crossed out next to my custom price?** Either the display mode is **Show custom price only**, or the custom price is not lower than the product's current price.

**Why is the wholesale price right at checkout but not on product pages or in the cart?** Checkout prices are calculated from the cart, so they can be right even when your theme's price code is not set up for the app. Product, collection and cart pages need the app's markers in your theme: run **Automatic installation** in **Storefront setup**, or ask support to install it for free.

{% hint style="info" %}
If you need further assistance, please feel free to reach us at [**support@bss-b2b.solutions**](mailto:support@bss-b2b.solutions) or [**Live Chat**](https://go.crisp.chat/chat/embed/?website_id=9f64b5a9-1a02-4190-93b8-8ef56b19f740).
{% endhint %}