# Quick order list

![Animated demo of a Quick order list table with variant rows, quantity steppers, prices and a subtotal panel with a View cart button](https://docs-assets.foxecom.app/minimog-theme/Untitled%20design%20%2848%29_efJfe26b.gif)

Use the **Quick order list** section to let customers **browse and order many product variants quickly** from one table. It's especially useful for wholesale stores, B2B setups, or any product with several variants, such as colors or sizes.

The table shows the **Variant name**, **Quantity selector**, **Price per unit**, and **Variant total**. Customers can adjust quantities for multiple variants in one place and proceed to checkout. Next to the table, a summary panel shows the total items, the subtotal, and a **View cart** button.

<Hint type="warning" title="Plan requirement">
  Shopify B2B is available only to stores on the **Shopify Plus** plan. [Learn more about the Shopify Plus plan](https://help.shopify.com/en/manual/intro-to-shopify/pricing-plans/plans-features/shopify-plus-plan).
</Hint>

<Hint type="info">
  This section is available from **version 5.7.0 onwards** and works **only on the product template**. See the [Minimog changelog](https://docs.foxecom.com/minimog-theme/changelog).
</Hint>

## How to customize the Quick order list

1. Open the theme editor (**Edit theme**).
2. Open the page selector at the top of the theme editor.
3. Select **Products**.
4. Select **Default product**, or another product template.
5. Click **Add section** under **Template** in the sidebar.
6. Select **Quick order list**.
7. Click the **Quick order list** section in the sidebar.
8. Adjust the section settings.
9. Click **Save**.

![Theme editor with the Quick order list section selected in the Default product template and its settings open in the right panel](https://docs-assets.foxecom.app/minimog-theme/6086ec36-63f2-44dc-87fd-3bf13f0ad577.png)

## Section settings

**Section header**, **Container type**, **Color scheme**, **Section Padding**, **Custom Attributes**, and **Animations** work the same as in every section. See [Common section settings](https://docs.foxecom.com/minimog-theme/theme-sections/common-section-settings) and [Colors & Color schemes](https://docs.foxecom.com/minimog-theme/theme-settings/colors-and-color-schemes).&#x20;

To show or hide the section on mobile or desktop with **Custom classes**, see [Hide sections on mobile/desktop view using custom attributes](https://docs.foxecom.com/minimog-theme/guides/design-and-theme-customization/hide-sections-on-mobiledesktop-view-using-custom-attributes).

### Product settings

<Table widths="30%">
  | Setting        | Description                                                                                             | Options            |
  | -------------- | ------------------------------------------------------------------------------------------------------- | ------------------ |
  | **Show image** | Shows the image assigned to each product variant. Variants without an image show only the variant name. | **On** or **Off**. |
  | **Show sku**   | Shows the SKU assigned to each product variant.                                                         | **On** or **Off**. |
</Table>

<Hint type="info">
  The Quick order list uses the details saved for each variant in Shopify, so set the **variant image** and **SKU** in **Shopify Admin > Products**.
</Hint>

<Figure>
  <img src="https://docs-assets.foxecom.app/minimog-theme/0f6b094d-a5b3-4d59-979e-d223699629bf.png" alt="Variants list of a product in Shopify Admin with the image of each color group highlighted" />

  <Figcaption>
    Variant image settings in Shopify
  </Figcaption>
</Figure>

<Figure>
  <img src="https://docs-assets.foxecom.app/minimog-theme/6746a465-f62b-4f10-b208-298270b2140c.png" alt="Variant details page in Shopify Admin with the SKU (Stock Keeping Unit) field highlighted" />

  <Figcaption>
    SKU setting in Shopify
  </Figcaption>
</Figure>

<Hint type="success" title="Done when: ">
  Your product page shows the quick order list with the variant details you chose.
</Hint>

## Related articles

<PageLink href="https://docs.foxecom.com/minimog-theme/collections-and-products/product-page/product-information" subtitle="The product images, title, price, options, and buy buttons">Product information</PageLink>

<PageLink href="https://docs.foxecom.com/minimog-theme/collections-and-products/product-page" subtitle="Edit the sections on your product pages">Product page</PageLink>