# Product Detail display

Product Detail displays elements needed to allow customers to order as fast as possible.

### How Product Detail works:

Product Detail replaces your default interface (such as choosing variants, selecting quantity, etc.) with elements from B2Bridge. It supports products with and without any additional variants.

### How Product Detail looks:

{% tabs %}
{% tab title="Product with 1 variant " %}

<div><figure><img src="https://1518236918-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnaM8W4odBW6sVff8SFS1%2Fuploads%2F4QZlas4t29b4jIjPc0Rg%2Fimage.png?alt=media&#x26;token=28f2728c-f2a7-4378-9aac-457a8d528215" alt="" width="375"><figcaption><p>Default product detail</p></figcaption></figure> <figure><img src="https://1518236918-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnaM8W4odBW6sVff8SFS1%2Fuploads%2FoPFeg8oq6WaIbZ5zrbv0%2Fimage.png?alt=media&#x26;token=bdd5a276-b6f3-4ca5-88cb-5da74c0cd9f4" alt="" width="375"><figcaption><p>B2Bridge Product Detail</p></figcaption></figure></div>
{% endtab %}

{% tab title="Product with many variants" %}

<div><figure><img src="https://1518236918-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnaM8W4odBW6sVff8SFS1%2Fuploads%2FL0GrpTjlcKISwPtt4tcE%2Fimage.png?alt=media&#x26;token=7efd3b2b-b341-4f71-b3f9-700f8ec68e2b" alt="" width="375"><figcaption><p>Default product detail</p></figcaption></figure> <figure><img src="https://1518236918-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnaM8W4odBW6sVff8SFS1%2Fuploads%2FMiVu5CYd6nW85wgeHSY7%2Fimage.png?alt=media&#x26;token=75302cb7-fdae-4f6f-a840-176df43e6ef7" alt="" width="375"><figcaption><p>B2Bridge Product Detail</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

### Quantity Selector Improvements (Effective December 16, 2025)

We've updated the Quantity Selector to make your B2B checkout process smoother and eliminate inventory-related errors.

This improved functionality applies to the Product Page, Collection Page, Quick Order Page, and Cart Page.

<figure><img src="https://1518236918-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnaM8W4odBW6sVff8SFS1%2Fuploads%2FDfb8djWP31mbRcwQEftu%2FThe%20quantity%20selector%20is%20disabled.png?alt=media&#x26;token=fad6ad43-4207-4241-a824-77bc6dde2d14" alt=""><figcaption></figcaption></figure>

#### 1. Quantity Selector for  Min/Max Order Limit

When you set Limit purchasing quantity rules, the Quantity Selector will now automatically enforce the limits based on both your product settings and the current Inventory. This ensures customers can never add more to the cart than is available or permitted, preventing failed checkouts.

| **Setting**         | **Product A (Inventory Limit)**                                                                                     | **Product B (Max Order Limit)**                                                                                  |
| ------------------- | ------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- |
| Min Order Limit     | 6                                                                                                                   | 6                                                                                                                |
| Max Order Limit     | *(None set)*                                                                                                        | 30                                                                                                               |
| Increment           | 10                                                                                                                  | 10                                                                                                               |
| Actual Inventory    | 50                                                                                                                  | 100                                                                                                              |
| Customer Experience | The quantity selector shows: 6, 16, 26, 36, 46. The selector is disabled from reaching 56, as inventory is only 50. | The quantity selector shows: 6, 16, 26. The selector is disabled from reaching 36, as the Max Order Limit is 30. |

#### 2. Preventing Out-of-Stock Purchases

To maintain sales control, if a product goes out of stock and the Shopify setting Continue selling when out of stock is disabled (unticked), the Quantity Selector will automatically be disabled.

Customers will be prevented from adding the product to their cart on the Product Page, Collection Page, and Quick Order Page.

<figure><img src="https://1518236918-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FnaM8W4odBW6sVff8SFS1%2Fuploads%2FDSE0EIKCfuZLZpoykqjW%2Fimage.png?alt=media&#x26;token=53a0df07-5a94-4308-9c81-c52b78bcc0ae" alt=""><figcaption></figcaption></figure>

***

{% hint style="success" %}

### Need Help?

If you have questions or run into issues while using any feature, we’re here to help.

* 💬 **Start a** [**Live Chat** with our support team](https://go.crisp.chat/chat/embed/?website_id=a59f354c-f51f-4f84-ae9a-c0e8dd69d2e5) directly from your B2Bridge dashboard.
* 📧 **Email us at** [**support@b2bridge.io**](mailto:support@b2bridge.io) and we’ll get back to you as soon as possible.
  {% endhint %}