# Quick order list 🔥

{% hint style="info" %}
This section is available from :sparkles: **version 5.7.0 onwards** and is **only supported on product template.** :sparkles:

See our [changelog](https://docs.foxecom.com/minimog-theme/changelog "mention") 
{% endhint %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F2SBXQDLVGEmhOrTI5sxR%2FUntitled%20design%20(48).gif?alt=media&#x26;token=36c06790-1f0b-4947-83ba-f4255d04b393" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F8cJNlDl9TDHYIhFu9cz6%2Fimage.png?alt=media&#x26;token=0a53d850-0131-4ecb-b167-285d78b88355" alt=""><figcaption></figcaption></figure>

## How to edit the Quick order list section <a href="#how-to-edit-the-quick-order-list-section" id="how-to-edit-the-quick-order-list-section"></a>

#### **General** <a href="#general" id="general"></a>

* **Color scheme**: Match the style with your store’s theme.&#x20;
  * Learn more: [colors-and-color-schemes](https://docs.foxecom.com/minimog-theme/theme-settings/colors-and-color-schemes "mention")

**Section header**

* **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.
* **Text alignment**: Align title text left, center, or right.

#### Product settings

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

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Ft1TkuLIOuKNNcJ67x1HE%2Fimage.png?alt=media&#x26;token=56b5653f-0132-4921-ba36-53bfb7306ad0" alt=""><figcaption></figcaption></figure>

* **Show SKU**: Toggle ON to display product SKU.

{% hint style="info" %}
Set your variant image and variant sku in Shopify admin > **Products** section.

![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FTUY4DtK3sOzZnDYi5zjm%2Fimage.png?alt=media\&token=b0ffe592-2040-487a-ae9b-b6733c4ac7d2)![](https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FWeYly8RGPAb4xTFqf3O3%2Fimage.png?alt=media\&token=bd39633b-fc8b-42d8-b07a-49c0101fe8d1)
{% endhint %}