Quick order list

Ask AI

Open in ChatGPT

Ask ChatGPT about this page

Open in Claude

Ask Claude about this page

Don't know where to start with the Quick order list section? Follow this:

STEP 1: Add the section
On your Product page template, click "Add section" and choose Quick order list.

STEP 2: (Optional) Restrict it to B2B customers

Click on the Quick order list section and turn on "Only show for B2B customers" if you only want logged-in B2B customers to see and use this section. Leave it off (default) to keep it visible to everyone.

STEP 3: (Optional) Edit the heading and Bulk order prompt

Click on the Heading block (inside Header) to change the heading text, tag, font size, or highlight style - default text is "Quick order list". The Text block next to it links to Bulk order by default; edit or remove it like any other Text block.

STEP 4: Click "Save" when done.

Click on the Quick order list block to adjust:

• Show images - toggle the variant thumbnail on or off (default ON).
• Ratio - when images are shown, choose the crop: Natural, Square (1:1), 4:3, 16:9, 2:3, or 3:4 (default Square 1:1).
• Show SKUs - toggle the SKU code under the variant name on or off (default OFF).

On mobile, each row reflows into a stacked layout: image and name/SKU on top, the quantity stepper below.

Click on the Quick order list block, under Appearance:

• Show inventory status - toggle a status label (In stock, Out of stock, Pre-order, Low quantity, Continue selling) on each variant row (default ON). The parent product row's status follows the same logic as inventory status on a product card - showing whether all, none, or some of its variants are in stock.
• Show sold out variants - toggle whether sold-out variants (In stock, Out of stock, Continue selling, or Untracked inventory policies) appear in the list at all, or are left out (default OFF).

Goal: Let customers also order related products - like other colors or styles of the same item - without leaving this section.

STEP 1: Show sibling products

Click on the Quick order list block, under Sibling products, toggle on Show sibling products (off by default).

STEP 2: Show curated products

Under Curated products, click "Select" next to Curated products to manually pick which products to show alongside the main one. If you'd rather pull curated products from a product metafield instead, fill in Metafield override - it replaces the manually picked list when filled in. Fill in the key of that metafield (e.g. custom.quick_order_additional, type Product, list of products).

⚠️ Note: Curated products outside the customer's B2B catalog are automatically hidden. A product can also be both a sibling and a curated pick at the same time - it will only show once. Siblings and curated products default to collapsed, showing only the main product expanded; up to 3 siblings and 3 curated products can show at once (see the next use case for what happens beyond that).

STEP 3: Click "Save" when done.

Quick order list doesn't add to cart automatically as you type - quantities start at 0 for every row, and nothing is added until you submit them together:

• Set a quantity on as many variants (across the main product, siblings, and curated products) as you like, using the stepper or by typing a value directly.
• Click "Add to cart" to add every row with a quantity greater than 0 to the cart in one action.
• If the product also has Quantity rules configured in its B2B catalog, the stepper enforces the Min, Max, and Increment values, and shows an error if an invalid quantity is entered. If Volume pricing is set up, the Price and Variant total columns reflect the applicable pricing tier live as the quantity changes.

Unavailable variant combinations (a combination that can't be purchased at all) are left out of the list entirely.

Gift cards: each denomination appears as its own row and is never marked sold out, since gift cards aren't inventory-tracked. Gift card rows are also excluded from free shipping bar and estimated delivery time calculations, since they're digital.

Single-variant products (and simple products with no variants): still appear as their own row - "Default Title" is never displayed - and can still expand if the product has siblings or curated products attached, even with no variants of its own to show.

Goal: See every configured product (main, siblings, and curated) when there are more than the section shows directly.

The section shows up to 7 products at once, with at most 3 siblings and 3 curated products among them - whichever already have a quantity entered are prioritized to stay visible. If there are more products configured than that, a "View all" button appears.

STEP 1: Click "View all" to open the popup, listing every configured product (main product, siblings, and curated) in the same order as your settings - not just the 7 shown in the section.

STEP 2: The popup works exactly like the section itself - expandable product rows, the same quantity fields, and the same "Add to cart" action. Quantities stay in sync between the popup and the section behind it.

STEP 3: Close the popup with the X button or by clicking outside it.

On desktop 🖥: the order summary panel (Total items, Subtotal, "Add to cart") sits beside the product rows. Once the list's height exceeds the panel's height, the panel becomes sticky so it stays visible while you scroll.

On mobile 📱: Total items, Subtotal, and the "Add to cart" button stay pinned to the bottom of the screen while scrolling. If the product page also uses a sticky Add-to-cart bar elsewhere, that bar automatically hides while the Quick order list section is in view, and reappears normally before and after it.

The section itself stays visible even when "Login to see price" hides the main product's price from a visitor - since it may still show sibling or curated products with visible pricing.

• If the main product is the only row (no siblings or curated products shown), its "Add to cart" is disabled, since there's no visible price to check out with.
• If siblings or curated products are also shown, "Add to cart" stays enabled - clicking it adds everything except the hidden-price row, which is left out.

Once the visitor meets the condition that reveals pricing (e.g. logging in, or logging in as a B2B/tagged customer, depending on how "Login to see price" is configured), the row behaves normally again.