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.

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:

1. Setting up Variant tables.

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.

• Matrix Template

• Designed for products with many variants and higher complexity

• Displays variant information in a matrix-style layout for easier bulk ordering

1. 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.

1. Design the table.

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

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

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