# Quick order list

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

**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 style="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)
{% endhint %}

## How to add a Quick order list section to your Shopify store <a href="#how-to-add-a-quick-order-list-section-to-your-shopify-store" id="how-to-add-a-quick-order-list-section-to-your-shopify-store"></a>

{% hint style="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.
{% endhint %}

{% hint style="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.**
   {% endhint %}

## How to customize a Quick order list section

### Section settings <a href="#section-settings" id="section-settings"></a>

<table><thead><tr><th width="135.656494140625">Setting</th><th width="280.30810546875">Description</th><th>Example</th></tr></thead><tbody><tr><td><strong>Show image</strong></td><td>Display the product thumbnail image.</td><td><img src="/files/NcPuxN3aTOfQYCjNySVx" alt="" data-size="original"></td></tr><tr><td><strong>Show SKU</strong></td><td>Display the product SKU code below the product title.</td><td><img src="/files/0PIUnGYQ8ZDZK7LT4dAW" alt="" data-size="original"></td></tr></tbody></table>

{% hint style="info" %}
✨ Check out other Quick order list section settings: [Overview](/pebble-theme/theme-sections/overview.md#common-settings-available-in-most-sections)
{% endhint %}

### Block settings <a href="#block-settings" id="block-settings"></a>

{% tabs %}
{% tab title="Header" %}

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

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 style="info" %}

#### **📦 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
  {% endhint %}

{% hint style="success" %}
📝 Learn more: [Basic](/pebble-theme/theme-blocks/basic.md)
{% endhint %}
{% endtab %}
{% endtabs %}


---

# 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.foxecom.com/pebble-theme/collections-and-products/product-page/quick-order-list.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.