Showcase / Searchable catalogue

Live data - Collections

A catalogue your visitors search for themselves.

ACME's product range - 24 demo tools in one collection - with search, a filter rail built from the fields, sorting, paging and CSV export. There is no custom code on this page: it is one shortcode.

Hand tools hanging on a wooden workshop wall
Try thisFilter to Cordless, sort by price, then copy the address bar. Whoever opens that link sees exactly your view.
The live catalogue

ACME Ltd product range (demo)

Every product here is made up. The search, filters and export are real.

Ear Defenders SNR 30

Category: Safety

Power: Hand

Price (GBP): 24

Rating: 4.4

Availability: In stock

Summary: Padded headband that doesn't clamp. For grinders, routers and saws.

Safety Glasses (pair)

Category: Safety

Power: Hand

Price (GBP): 9

Rating: 4.2

Availability: In stock

Summary: Wraparound, anti-fog, EN 166 rated. Fit over most prescription glasses.

Canvas Tool Roll

Category: Storage

Power: Hand

Price (GBP): 28

Rating: 4.6

Availability: In stock

Summary: Waxed cotton, twelve pockets, a flap that keeps edges off each other.

Tool Chest, 5 Drawer

Category: Storage

Power: Hand

Price (GBP): 219

Rating: 4.5

Availability: Made to order

Summary: Steel, ball-bearing runners, a lid tray for the tools you reach for most.

Waterstone 1000/6000

Category: Sharpening

Power: Hand

Price (GBP): 44

Rating: 4.4

Availability: Made to order

Summary: Combination stone on a non-slip base. Soak for ten minutes and go.

Honing Guide

Category: Sharpening

Power: Hand

Price (GBP): 38

Rating: 4.6

Availability: In stock

Summary: Holds chisels from 3 mm and plane irons to 60 mm at a repeatable angle.

Diamond Plate Set

Category: Sharpening

Power: Hand

Price (GBP): 95

Rating: 4.7

Availability: In stock

Summary: Coarse, fine and extra fine, 200 x 70 mm, flat to within 0.01 mm.

Digital Calipers 150 mm

Category: Measuring

Power: Hand

Price (GBP): 49

Rating: 4.5

Availability: Low stock

Summary: 0.01 mm resolution, metric and imperial, hold button.

Tape Measure 8 m

Category: Measuring

Power: Hand

Price (GBP): 16

Rating: 4.3

Availability: In stock

Summary: 25 mm blade that stands out to 3 m, true zero hook.

How it is made

One line turns a list into a catalogue.

Add searchable, filterable or sortable to any collection display and it becomes interactive. The filter rail builds itself from the field types: dropdown fields become a single choice, numbers get a from-and-to range, dates get date pickers.

[collection slug="acme-catalogue" display="cards" columns="3" title-field="name"
  fields="category,power,price,rating,availability,summary"
  searchable
  filterable="category,power,availability,price,rating"
  sortable="name,price,rating,launched"
  page-size="9" exportable /]
  • Facet counts - every option says how many products it would leave.
  • Saved searches - visitors name a search and come back to it; it stays in their browser.
  • Shareable addresses - the filters, sort, search and page are written into the address bar.
  • Phone friendly - on a narrow screen the rail becomes a Filters drawer.
  • Keyboard - press / to jump to the search box.
  • Your own fixed filters - add where_availability="In stock" and visitors can narrow inside it, never widen past it.
  • Big collections - above 1,000 entries it fetches each page from the server instead.
Also on every display

Right-click for more.

Every collection display on a Domma site - interactive or not - has a right-click menu. Try it on the small table below: filter on the value you clicked, search with price < 50, sort, group, copy what is shown as CSV, JSON or Markdown, print only this table, or copy a link to exactly what you see.

[collection slug="acme-catalogue" display="table" fields="name,category,power,price,availability"
  where_category_in="Measuring,Sharpening" sort="price" order="asc" /]
Make your own

Your stock list, team, menu or timetable.

Describe the fields once in Data > Collections, import a CSV or type the entries in, and put the shortcode on a page. The same data is also a REST API, and can live in files or MongoDB.