# Show Variant Table in Product detail

The **Variant Table feature** allows B2B customers to add products to their orders quickly and efficiently. All variants of the product will be displayed in a table with price and quantity box inside. It helps your customers add product with the variants quickly and proceed to payment faster.

<figure><img src="/files/ILEMgRjUKC7TR1nTBXqj" alt=""><figcaption></figcaption></figure>

When enabled, the app will render an additional, optimized UI layout on your storefront. This layout is fully customizable and designed to handle various product types, from single-variant products to highly complex products with multiple variants.

**Step to manage:**

1. From the app's dashboard page, go to the **Quick Order Form page** > Navigate the **Variant Tables** section > **Create**:

<figure><img src="/files/Ci4I1ozMQIFhsi3afzYM" alt=""><figcaption></figcaption></figure>

2. **Setting up Variant tables.**&#x20;

In the General setting > Template, you can choose between two templates depending on your product complexity:

**• Default Template:** This template includes a **Show Column** section that allows you to show or hide specific blocks. You can rearrange blocks by **drag-and-drop columns**

This setting also includes a **Stock Level block**, which is linked to the Stock Level configuration in another add-on feature page.

<figure><img src="/files/7SivzV2pv7Q8VpF6kKyq" alt=""><figcaption></figcaption></figure>

**• Matrix Template**

* Designed for products with **many variants and higher complexity**
* Displays variant information in a matrix-style layout for easier bulk ordering

<figure><img src="/files/nO90FI1rYC1iSFqBn1lG" alt=""><figcaption></figcaption></figure>

3. **Manage Conditions for Displaying the Variants Table.**

* **Select applicable products:** Choose whether the variants table should be displayed for all products or only for specific products.
* **Control customer visibility:** Decide whether the variants table is visible to all customers or only to specific logged-in customers.

<figure><img src="/files/qH2V4ZHYN7T5p9udAZyh" alt=""><figcaption></figcaption></figure>

4. **Design the table.**

Click on the **Design** tab and style the table color to match your theme:

<figure><img src="/files/0oDfewqE96ByYrU3cNUM" alt=""><figcaption></figcaption></figure>

If you want the cart button of our app to have the same color and style like your theme's cart button, you can enable the setting: **Same style as add to cart button**

<figure><img src="/files/uw5ejnQZ15zPM378ivSQ" alt=""><figcaption></figcaption></figure>

5. After finishing everything, click "**Save**" and check results in the front store:

<figure><img src="/files/alvpYAAco6jlchaIcJVS" alt=""><figcaption></figcaption></figure>


---

# 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.samita.io/samita-wholesale-b2b/quick-buy-feature/show-variant-table-in-product-detail.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.