> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/minimog-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/minimog-theme/collections-and-products/product-page/quick-order-list.md).

# 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](/minimog-theme/changelog.md)&#x20;
{% endhint %}

<figure><img src="/files/efJfe26bjdaQpVvfBHYP" 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="/files/iJdo6lVEparQfWIcDRMC" 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 & Color schemes](/minimog-theme/theme-settings/colors-and-color-schemes.md)

**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="/files/BzzPnW2lOxvZJIN5Y9Fw" 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.

![](/files/LTmCdC5IcB9D9l7CeSxE)![](/files/uha4agpxsNd45cpE8arG)
{% endhint %}
