Quick Order page

Quick Order page

The Quick Order page is an order form, not a collection. Your B2B customers get every wholesale product in one table — SKU, stock, price, and a quantity box on every row — so they can build a forty-line reorder without opening a single product page.

You’ll find it under Quick order in the app.

What your customers get

  • One table, every wholesale product they qualify for. Each variant gets its own row.
  • Search, filter by price type, and sort to find a SKU in seconds.
  • A quantity stepper on every row, and one Add to cart for the whole selection.
  • Volume tiers on the spot — a “3 tiers” badge next to the price opens the full tier table on hover.
  • Bulk ordering by pasting a list of SKUs or uploading a CSV.

Turn on the Quick Order page

  1. In the app, open Quick order.
  2. Switch on the Quick Order page toggle. The badge next to it changes to Enabled.

Your page is now live on your storefront.

View on storefront in the top bar opens the live page in a new tab. It stays disabled while the toggle is off — there’s nothing to view yet.

Add Quick Order to your store menu

Turning the page on doesn’t put a link in your navigation. You add that yourself. The Add to your store menu card gives you the link and the three steps:

  1. Copy the Quick Order link from the card using Copy link.
  2. Go to your store’s Menu settings — the card links straight there.
  3. Open the menu you want the link in, click Add menu item, and paste the link.

Note: Copy the link from the card rather than typing it. It includes your app proxy path, so a hand-typed guess will send customers to a 404.

Tip: If only some customers buy wholesale, leave the link out of your main menu and email it to your B2B accounts instead. The page still works for anyone with the URL — what they see there is governed by your Access & messages settings.

Preview before you publish

The preview panel on the right runs on demo data and updates as you change settings. Use it to check your work without leaving the app:

  • Guest / Logged in — switch between what a visitor sees and what an eligible customer sees. This is the fastest way to confirm your wholesale prices only appear after login.
  • Mobile / desktop icons — check the table on a phone before your buyers do.
  • No products / Has products — see your empty-state message without having to empty your catalogue.

Products: what appears in the grid

Open the Products tab.

Choose your product source

All wholesale products (default)

Automatically lists every product from your Active pricing rules — and each customer sees only what they qualify for. Add a rule, and its products appear here on their own. Set a rule to Draft, and its products drop out.

Pick this if your Quick Order page should always mirror your wholesale catalogue. It’s the option you never have to maintain.

Show your products list

You choose the products by hand. Nothing appears unless you put it there. Pick this for a short, curated order form — a seasonal list, a starter pack for new accounts, or your twenty fastest-moving SKUs.

Note: Adding a product to your list does not create a wholesale price for it. A product with no matching Active rule shows at its regular retail price. The grid decides what’s listed; your pricing rules decide what it costs.

Search & Filter

Setting What it does How to customize it
Show search bar Adds a search bar so customers can quickly find products in the table. Customize the search placeholder (default is "Search by product name or SKU…").
Show price type filter Lets customers filter products by price type. Rename the default labels to simpler names like "Regular deals" and "Bulk deals".
Show sort by Product name (A-Z / Z-A) Lets customers sort the list alphabetically (A–Z or Z–A). Customers can choose A–Z or Z–A on the storefront. No additional setup is required.

Grid

Setting What it does & Default Behavior
Page heading Sets the page title. (Default: Quick order)
Default quantity for all rows Sets the starting quantity for every row.
Rows per page Sets how many rows appear on each page.
Pre-select all rows Selects every row when the page loads. (Off by default)
Show product thumbnails Displays product images in the quick order table.
Show SKU column Displays product SKUs for fast catalog searching.
Show inventory Displays available stock. Out-of-stock products cannot be added to the cart.
Show add-to-cart icon Lets customers add an individual row directly to the cart.
After adding to cart Opens the cart drawer or redirects customers to the cart page. Unsupported themes show a notification instead of the drawer.
Show Add to quote button Displays an "Add to quote" button. (Requires SP Request a Quote)

Tip: More columns isn’t better. A buyer reordering the same fifteen SKUs every month wants SKU, price, and a quantity box. Turn off what your customers don’t use.

Bulk order box

Lets customers order many products at once by pasting SKUs or uploading a file. It appears below the grid as Add multiple products, and both methods are on by default.

Paste SKUs The customer pastes one product per line in the format SKU,quantity — for example TSH-001-S,5. They can paste straight out of Excel. Leaving the quantity blank adds 1.

CSV upload The customer uploads a .csv file, up to 1 MB / 500 rows. A Download a sample CSV file link gives them the right format, so point buyers at it the first time.

Turn off either method on its own, or switch off the whole box if your customers order visually.

Tip: Leave this on if your customers run their own inventory system. Exporting a reorder list and pasting it in is the single fastest way for them to buy from you.

Access & messages: what guests and empty pages show

Open the Access & messages tab.

Show the product grid to guests before they log in?

Wholesale prices are never shown to guests — that doesn’t change here. What you choose is whether guests see the page at all.

Show grid with original prices (default)

Guests see the table at your normal retail prices. You can also set a Banner at the top of the page — the default reads “Log in to see your wholesale prices”, which tells the guest exactly why the numbers look ordinary. Leave the field empty to hide the banner.

Use this when the Quick Order page doubles as a fast way for anyone to shop.

Don’t show the grid — show a message Guests get your message instead of the table. Write it yourself: say what the page is and how to get access.

Use this when the product list itself is for approved accounts only.

Show grid with prices hidden

Guests see the products with Hidden in place of every price, and can’t add anything to the cart.

This option needs SP Hide Price & Access Control enabled. Until then it stays greyed out with a link to enable it.

Use this when you want buyers to browse your range and ask for access, without publishing your pricing to competitors.

Empty state

The message shown when there are no products to list — usually because every rule is in Draft, or because a customer qualifies for nothing. The default reads “No wholesale products are available right now. Please contact us for more information.”

Write something that tells the customer what to do next. A dead end with no instruction is a lost order.

Tip: Check this with the preview panel — switch it to No products rather than waiting to see it live.


Design: match the page to your theme

Open the Design tab. The preview updates as you change anything here.

General

Set the colours for the parts of the table the app draws:

  • Header background and Header text — the table’s column header row.
  • Selected row background — the highlight on a row the customer has ticked.
  • Cart btn background and Cart btn text — the Add to cart button.

Match colors with store brand pulls these from your Shopify brand settings in one click. It’s only available if you’ve set brand colours in Shopify — otherwise it stays disabled.

Font

Theme default keeps the page looking like the rest of your store. Change it only if you have a reason to.

Column titles

Show column titles row turns the header row on or off, and you can rename all six: Product, SKU, Price, Qty, Stock, Action.

Rename them to whatever your buyers already say. If your trade customers call it an “Item code”, don’t make them read “SKU”.

Button labels

Rename the Add to cart button, and the Add to quote button if you have SP Request a Quote. “Add to order” or “Add to my order” often reads better on a B2B order form than the retail default.

Works with your other Shopplaza apps

SP Request a Quote (RFQ)

Turn on Show add to quote button in the Products tab and the grid gains a quote path next to the cart path:

  • A quote icon in the Action column of every row.
  • An Add to quote (n) button next to Add to cart (n), so a customer can send a whole selection to a quote in one click.

If SP Request a Quote isn’t installed or isn’t enabled, the checkbox stays disabled and the app links you to what’s needed. Install and enable RFQ, then come back and switch it on.

This is the natural home for products a buyer wants a negotiated price on — bigger volumes than your top tier, or a custom configuration.

SP Hide Price & Access Control

Where a Hide Price rule applies, the row shows Hidden in the Price column instead of a number, the row can’t be selected, and there’s no way to add it to the cart. Nobody buys at a price they aren’t allowed to see.

This is also what powers the Show grid with prices hidden option for guests.

Quick reference

Feature / State Guest Logged in, no matching rule Logged in, matches an Active rule
Sees the grid Depends on your Access setting Yes Yes
Price shown Retail, "Hidden", or no grid at all Retail Wholesale
"You save" on the row No No Yes, for Custom price rules
Tier badge and table No No Yes, for Volume price rules
Can add to cart At retail, if the grid is shown At retail At wholesale
Bulk order box If the grid is shown Yes Yes
Add to quote If RFQ is on If RFQ is on If RFQ is on