1. What is the Quick Order List Section?
The Quick Order List section is designed for B2B and volume-focused stores. It displays product variant details (like price and quantity) in a table format directly on the product page. This allows customers to quickly review their selected variants, adjust quantities, and proceed to checkout - ideal for wholesale or multi-item buyers.
2. Step-by-step setup guide
🤔 How to add the Quick Order List section?
- In your Shopify admin, go to Online Store > Themes > Customize.
- Navigate to the Product Page template.
- Click Add section > Quick Order List.
- The settings panel will appear on the right side.
🤔 How to control who sees the section?
Only show for B2B customers: The first setting in the section.
- OFF — only signed-in, approved B2B customers see the section; other customers don't see it at all.
- ON — every customer sees the section.
💡 Note: A customer who's tagged but not attached to any B2B company still sees the section using the retail low-stock threshold and retail pricing, not the B2B versions.
🤔 How to choose the layout?
🖥️ Desktop Layout: Choose between Horizontal or Sidebar.
|
Horizontal |
Sidebar |
|
 |
🖼️ Show Images / Show SKUs: Toggle product images or SKUs on or off to show the corresponding information.
🤔 How to set up inventory and stock display?
Inventory status: Sits after Show SKUs.
- ON — shows each variant's status as In stock, Low stock (with the exact count), or Out of stock. Sold-out variants also show "Sold out" and their quantity selector is disabled. Pre-order variants display as Out of stock too. The Low stock threshold and Show quantity behavior come from Theme settings > B2B > B2B low stock.
- OFF — the Inventory status column is hidden entirely.
Show sold out products: Sits after Inventory status.
- ON — out-of-stock variants still show as a row, with the quantity selector disabled.
- OFF — out-of-stock variants are removed from the table entirely.
🤔 How to set up volume pricing?
Volume pricing: Sits after Inventory status.
- ON — shows your volume pricing tiers; unit price and line total auto-update as quantity crosses each tier, and roll back if quantity is reduced. Compare-at price is also shown for B2B customers here — this can be hidden independently for B2B via Theme settings > B2B > Show compare-at price, without affecting retail customers.
- OFF — the tier display is hidden, but price still auto-updates correctly behind the scenes when quantity crosses a tier.
Volume pricing display: Sits after Volume pricing, and only shows when Volume pricing is ON.
- Icon — an info icon opens a popover on desktop hover or a bottom sheet on mobile tap, with the currently active tier highlighted.
- Inline — tiers list as chips under the price, with the active tier highlighted.
🤔 How to customize the quantity selector?
🔎 Quantity selector style: Adjust the border style of the picker.
Quantity rules: Sits after Quantity selector style.
- ON — shows a "Min: x · Increase: x · Max: x" line under the quantity field, based on the product's quantity rules.
- OFF — the quantity rules line is hidden.
🤔 How to customize the section text?
- Heading: Edit the section title (e.g. “Quick order list”).
- Marker: Add visual emphasis (Underline, Circle, Box, etc.).
-
Subheading & Text: Optional. Use for short instructions or notes.
Heading Tag & Size: Adjust size and HTML tag (H1–H6). - Alignment: Align heading left, center, or right.
🤔 How to show sibling products in the same table?
Quick order list can display a product's sibling products as their own labelled group inside the same table — so a wholesale buyer can order across a whole product family in one pass, without leaving the page.
Navigate to Sibling products settings group and configure:
Enable sibling products:
- OFF — the table shows only the current product's variants, plus Additional products if you've set any.
- ON — the sibling group is added to the table, separated by its own label.
Sibling products label: Enter the heading that separates the sibling group from the current product's rows.
Collection handle metafield:
Create a collection containing the option values as unique products. Create a product metafield to fill in that collection handle for each set of sibling products. Fill in the key of that metafield in Collection handle metafield here (e.g. custom.sibling_collection)
Option value metafield:
Create a product metafield to fill in the option value of each sibling product. Fill in the key of that metafield here (e.g. custom.sibling_color)
This is the same setup used by the Sibling products block.
Leave them blank to inherit the store-wide values from Theme settings > Product > Sibling products.
🤔 How to choose which products display?
Navigate to Additional products settings group > Additional products:
- Pick up to 8 extra products to display alongside the product being viewed, in the same table. Picker order sets the display order; the currently viewed product always appears first.
- To override this list for one specific product, add products to the custom.quick_order_additional metafield. This custom list will replace the default list for that product, with up to 8 products displayed.
Additional products label: Add the heading that separates the additional products from the rest of the table. For example: Suggested add-ons
Collapsed additional products:
- OFF — the additional products are expanded on page load, as before the update.
- ON — the group starts collapsed. Customers click the label row to expand it. Useful when the add-ons are secondary to the main order.
💡 Note — group order: when both features are on, the table is ordered current product → sibling products → additional products, each with its own label. A product that is both a sibling and an additional product is not listed twice.
🤔 How to limit how many variants show at first?
Products with a very large number of variants made the table slow to load and hard to scan. You can show a limited number of variants on page load, with the rest available on demand.
Initial variants display:
- ON — the table shows only the first batch of variants, and a View all button appears in place of the hidden rows. Clicking it opens a popup listing every variant.
- OFF — every variant is listed immediately and no View all button is shown, as in previous versions.
Number of variants: Only appears when Initial variants display is ON. This is how many variants are shown before the customer asks for more.
💡 Note: The field accepts 1–250. Out-of-range or blank values are corrected automatically rather than causing an error — anything below 1 is treated as 1, and anything above 250 is capped at 250.
💡 Note: If a product has fewer variants than your limit, all of them are shown and no View all button appears. When sibling and additional products are also displayed, the count applies consistently across all groups in the table.
🤔 How to customize the order summary?
Customize everything about the order summary box:
- Button label: Enter a label for the button (e.g., “View cart”).
- Background color, text color, button colors, and border styles for both light and dark modes.
Need Help? Contact the Omni Themes Support Team at support.omnithemes.com – we’re always here to help.
