# Product Card display

Product Card allows your customers to start ordering directly from your collection pages (or any pages that Product Card is displayed on).

### How Product Card works:

Product Card replaces your default interface and adds new elements:

* New B2B prices
* Volume pricing and purchase limit (if any)
* Quantity selector
* **Add to cart** button

This allows your customers to quickly add products to their cart.

### How the Product Card looks:

<div align="center"><figure><img src="/files/7oufz68r1LlGCVRJmU8J" alt=""><figcaption><p>B2Bridge Product Card</p></figcaption></figure> <figure><img src="/files/6xZ0Zlw1zHAdvC1nAejo" alt=""><figcaption><p>Default product card</p></figcaption></figure></div>

***

{% 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 %}


---

# 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://docs.b2bridge.io/storefront-display/product-card-display.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.