Skip to content
Avenue Luxe

Quick Order List

The Quick Order List enables customers to quickly add multiple products to their cart using SKUs, product names, or CSV imports. Designed for professional buyers who need to place bulk orders efficiently.

Features

Section titled “Features”
  • Multi-row Interface — Add up to 50 products at once
  • SKU Search — Enter product SKUs directly for instant lookup
  • Autocomplete — Type product names to see suggestions
  • CSV Import/Export — Upload order lists or export for records
  • Saved Order Lists — Save frequently ordered lists for repeat orders
  • Real-time Validation — Instant product validation and pricing
  • Inventory Check — See stock availability before ordering
  • Running Total — Live calculation of order totals
  • Batch Cart Addition — Add all products to cart in one click
  • WCAG 2.1 AA — Full keyboard navigation and screen reader support

Setup

Section titled “Setup”

Step 1: Enable Quick Order

Section titled “Step 1: Enable Quick Order”

Go to Theme Settings > Quick Order List and:

  1. Check Enable quick order list
  2. Configure preferences (rows, images, CSV, etc.)
  3. Click Save

Step 2: Create the Quick Order Page

Section titled “Step 2: Create the Quick Order Page”
  1. In Shopify admin, go to Online Store > Pages
  2. Click Add page
  3. Title: “Quick Order”, Handle: quick-order
  4. Template: select page.quick-order
  5. Click Save

Step 3: Add to Navigation (Optional)

Section titled “Step 3: Add to Navigation (Optional)”

Add a “Quick Order” menu item linking to Pages > Quick Order.

Configuration

Section titled “Configuration”

Display Settings

Section titled “Display Settings”
  • Default rows: Number of rows on page load (3-20)
  • Maximum rows: Maximum customers can add (10-100)
  • Show thumbnails: Display product images
  • Show stock: Display inventory levels

Features

Section titled “Features”
  • CSV import/export: Enable CSV functionality
  • Saved lists: Allow customers to save order lists
  • Barcode scanner: Support barcode input devices

How Customers Use It

Section titled “How Customers Use It”

Method 1: SKU Entry

Section titled “Method 1: SKU Entry”

Type exact SKU, product loads automatically, adjust quantity, repeat, click Add All to Cart.

Section titled “Method 2: Product Name Search”

Start typing a product name, select from autocomplete, adjust quantity, repeat.

Method 3: CSV Import

Section titled “Method 3: CSV Import”

Prepare a CSV file:

SKU,Quantity
LUXURY-WATCH-001,2
LUXURY-BAG-002,1

Click Import CSV, select file, review, and click Add All to Cart.

Keyboard Shortcuts

Section titled “Keyboard Shortcuts”
  • Tab: Navigate between fields
  • Arrow Up/Down: Navigate autocomplete results
  • Enter: Select product
  • Delete: Remove focused row
  • Ctrl/Cmd + Enter: Add all to cart

For Merchants: Setting Up SKUs

Section titled “For Merchants: Setting Up SKUs”

For effective quick order functionality:

  1. Edit each product in Shopify admin
  2. In the Inventory section, enter a unique SKU per variant
  3. Use consistent naming: BRAND-CATEGORY-ID (e.g., LUXE-WATCH-001)

Troubleshooting

Section titled “Troubleshooting”

Products not found: Verify SKU is correct (case-sensitive), product is published, and has inventory.

CSV import fails: Ensure .csv extension, first row is SKU,Quantity, UTF-8 encoding.

Saved lists disappear: Check localStorage is enabled, don’t use incognito mode.

Add to cart fails: Check product availability, verify variant IDs, test with one product first.