Complete Collection Grid

About this block

Complete Collection Grid admits the whole catalog on one page and says so plainly: “All 19 products. This is the whole store.” The lede makes the small catalog a point of pride: “Small catalogs should act small. Ours fits on one screen, there is no page two, and we are proud of that.” Each card carries the name, price, and the one line job (the Briefcase: “Work, and the end of the search”; the Canvas Tote: “Groceries, library runs, the beach”). The footer note owns the render honestly: 8 of 19 shown, the other 11 are small goods further down the same page, still no page two.

Products are one array. The footer count note is the integrity line: it preserves the whole store claim without hiding the constraint.

When to use

Reach for this block as the shop all page for a store with a catalog small enough to fit one grid without pagination, above the category sections if a secondary browse path is needed. The one line job description must be written before launch or the grid loses its argument.

A natural flow around it on an Ecommerce Pro page:

Before

• Store heroes

After

• Category sections
• Social proof sections

What you can display

One strong use is the whole bag catalog with job lines. Other complete collection grids:

• Seasonal edit. A curated 12 product grid where the smaller number is the argument, not the limit.
• Gift guide. The catalog filtered to giftable items, the job line rewritten as the occasion.
• New this year. The additions since last season, the grid as a changelog for returning customers.

Tip: “there is no page two” earns the lede only when the grid genuinely fits one screen; use it as the quality bar for catalog size, not just as copy.