# Quick order list

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

Shopify B2B is available only to stores on the **Shopify Plus** plan.&#x20;

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

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FTDC40KpIqvb3yPV2A3gS%2FHyper%20docs%20screenshot%20do%20not%20delete%20(76).jpg?alt=media&#x26;token=ef35cad7-7d48-4e07-8c9d-be1acadf5688" 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="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FlCVKODK4Z00fE4e3Lley%2Fimage.png?alt=media&#x26;token=8160df07-3d3b-4fee-936c-55d3be9d4550" 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](https://docs.foxecom.com/hyper-theme/theme-settings/colors "mention")

**Section header**

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

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2Fn7UB0UbOpB0GQejxFTSA%2Fimage.png?alt=media&#x26;token=68e4a2d1-8aa5-4c1e-ba40-5519610df189" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2Fyr4hJTwuFplpEvKD2TIL%2FUntitled%20design%20(25).gif?alt=media&#x26;token=f2bb388a-e551-4235-9d94-a8bacedcfa73" 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="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FwiPjIe6lFi1rHFWww0yS%2Fimage.png?alt=media&#x26;token=8a9e593b-507a-4146-822e-a45bb0d564a9" alt=""><figcaption></figcaption></figure>

***

<figure><img src="https://3026705042-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAJrvmfqcj9TMoPkl3bNc%2Fuploads%2FkUIzEsJKOeRiz891zyf5%2Flivechat883x471%20(1).png?alt=media&#x26;token=90cbed2c-e791-49c8-9f43-49a08bed6f1f" 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>
