# Quick order list

![image](https://docs-assets.foxecom.app/pebble-theme/Fox-BG%20Light%20(4)_NY7J5gVx.jpg)

**Quick order list** section is designed to help customers **quickly browse and order multiple product variants** from a single table view. It’s especially useful for wholesale stores, B2B setups, or any product with several variants like colors or sizes.

<Hint type="warning">

You can use this section for B2B customers to help them quickly order multiple product variants.&#x20;

[*Learn more*](https://help.shopify.com/en/manual/b2b)

</Hint>

## How to add a Quick order list section to your Shopify store

<Hint type="info">

This section is available on **product pages** and shows all available variants of the current product in a table layout, with columns for:

* **Variant name**
* **Quantity selector**
* **Price per unit**
* **Variant total**

Customers can quickly adjust quantities for multiple variants and proceed to checkout with ease.

</Hint>

<Hint type="success">

Steps:

1. In the theme editor (**Customize**), open the template selector.
2. Locate **Products**, and select a product template you want to make changes to.
3. On the left-sidebar, add **Quick order list** section.
4. Make necessary changes > **Save.**

</Hint>

## How to customize a Quick order list section

### Section settings

<Table widths="135.656494140625,280.30810546875,auto">

| Setting | Description | Example |
| --- | --- | --- |
| **Show image** | Display the product thumbnail image. | ![image](https://docs-assets.foxecom.app/pebble-theme/image_NcPuxN3a.png) |
| **Show SKU** | Display the product SKU code below the product title. | ![image](https://docs-assets.foxecom.app/pebble-theme/image_0PIUnGYQ.png) |

</Table>

<Hint type="info">

✨ Check out other Quick order list section settings: [Common settings available in most sections](page://625cd9e1-7d1f-49ba-9df4-c57c5aafffa9#common-settings-available-in-most-sections)

</Hint>

### Block settings

<Tabs>
<Tab title="Header">

![image](https://docs-assets.foxecom.app/pebble-theme/image_hXdcAuyR.png)

The **Header** block lets you introduce the section with titles, text, images, or buttons. Use it to create a strong opening and guide customers through the comparison.

<Hint type="info" title="📦 Nested dynamic blocks">

* **Heading** – Add a main title
* **Subheading** – Provide supporting text above or below the heading
* **Text** – Include additional descriptions or details
* **Image** – Display an image or icon
* **Button** – Add a call-to-action

</Hint>

<Hint type="success">

📝 Learn more: [Basic](page://0c49f0ee-0490-40c8-ad62-d9db25ad3673)

</Hint>

</Tab>
</Tabs>