Mercantile Supply · Merchant guide

Collection

The page that lists a collection's products, with filters, sorting and paging. Every collection uses it.

Where to find it

Placed by its template; it cannot be added from "Add section". The theme starts with it on: Collection pages.

Settings

Setting Choices Shows when What it does
Density Follow theme · Compact · Normal · Spacious Always Space, columns and image shape in this section. Follow theme uses Density in Theme settings › Layout.
Text size Default · Smaller · Standard · Larger Always Makes this section's text and title smaller or larger than its Density sets.
Products per page Always
Pagination Numbered pages · Load more button · Infinite scroll Always Load more and infinite scroll fall back to numbered pages without JavaScript.
Category menu Always A menu of your collections, shown above the filters. Learn more
Filter layout Sidebar · Drawer Always Sidebar keeps filters in view. Drawer keeps products full width and applies choices together. Learn more

Products per row

Setting Choices Shows when What it does
On desktop Follow theme · Two · Three · Four · Five Always Follow theme uses Products per row in Theme settings. Smaller screens show fewer.
On mobile One · Two Always
Show the collection image On · Off Always The banner image set on the collection in Shopify admin.

Product card fields

Setting Choices Shows when What it does
Card details Standard · Custom Always Standard shows the SKU. Custom lets you pick each detail.
Show SKU On · Off Card details is Custom
Show minimum order quantity On · Off Card details is Custom Only on products whose quantity rule sets a minimum, usually for B2B buyers. Learn more
Show case size On · Off Card details is Custom The multiple a product is sold in, from its quantity rule. Learn more
Show quick view On · Off Always Buyers pick a variant and quantity in a window, without leaving the collection.
Show compare On · Off Always Buyers compare up to four products side by side. Needs the Compare page. Learn more

Ordering table

Setting Choices Shows when What it does
Show ordering table On · Off Always In list view, approved trade buyers get every variant as a row with a quantity.
Variants per product Show ordering table is on Products with more variants link to their product page instead.

Which settings reveal which:

flowchart LR
  card_details["Card details"]
  show_card_sku["Show SKU"]
  show_card_moq["Show minimum order quantity"]
  show_card_case_size["Show case size"]
  enable_order_table["Show ordering table"]
  order_table_max_variants["Variants per product"]
  card_details -- "is Custom" --> show_card_sku
  card_details -- "is Custom" --> show_card_moq
  card_details -- "is Custom" --> show_card_case_size
  enable_order_table -- "on" --> order_table_max_variants

Blocks

It also takes these blocks: Custom Liquid.

Apps can add their own blocks here.

Before you start

Filters come from Shopify's Search & Discovery app. See Filters. The category menu above the filters is a menu of collections; see Menus.