# Quick order list

{% hint style="warning" %}
**Plan requirement:**

Shopify B2B is available only to stores on the **Shopify Plus** plan. 

[*Learn more*](https://help.shopify.com/en/manual/intro-to-shopify/pricing-plans/plans-features/shopify-plus-plan)*.*
{% endhint %}

<figure><img src="/files/ndkj7NIGkFU0OykDybYm" 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.

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

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

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

## How to edit the Quick order list section

### **General**

* **Color scheme**: Match the style with your store’s theme. Learn more: [Colors](/hyper-theme/theme-settings/colors.md)

**Section header**

* **Show image**: Toggle ON to display variant image.

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

* **Show SKU**: Toggle ON to display product SKU.
* **Text alignment**: Align title text left, center, or right.

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

* **Heading/Subheading**: Add a custom section title.
* **Text**: Add a short explanation or call to action for bulk buyers.
* **Text size**: Adjust description size if needed.

**Button settings**

You can add a button in the section header to direct customers to your desired page.

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

***

<figure><img src="/files/6RW1JWuKNf9ovVFLkLXc" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_hyper&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></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.foxecom.com/hyper-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.