Skip to content

Collection plates

Two to four big tiles, each one a collection: an image, the collection name in the display face, and the number of pieces in it. The whole tile is a link.

On a drop store this is usually “shop by drop” — one tile per release — rather than the category navigation it would be on a general store. It is the section that turns a drop archive into something browsable.

SettingTypeDefaultWhat it does
HeadingTextShop by dropSection heading.
Side noteTextAll collectionsSide note on the right.
Side note linkURL—Makes the side note a link. Point it at /collections.
Show the result countCheckboxtrueShow the number of products under each title.
Word after the countTextpiecesThe word after the number — “pieces”, “styles”, “products”.
Image focal pointSelect — Top / Upper / Centre / Lower / BottomcenterWhat stays in frame when the tile images are cropped. Applies to every tile.
Colour schemeSelect — Default / Light / DeepdefaultWhich ground the section sits on.
Top spacingRange, 0–160 px48Top spacing.
Bottom spacingRange, 0–160 px48Bottom spacing.

Up to four blocks.

SettingTypeDefaultWhat it does
Fallback collectionCollection—The collection this tile points at.
HeadingText—Title override. Leave empty to use the collection’s own title.
ImageImage—Image override. Leave empty and the tile finds its own — see below.
Button linkURL—Link override. Leave empty to use the collection’s URL.
NoteText—A line under the title, shown only when no collection is set on the block.

The preset ships with three blocks.

The column count follows your blocks. The section counts the blocks that have either a collection or an image and lays out that many columns, up to four. Blocks with neither are skipped entirely — so an empty block does not leave a hole, it just does not render.

The image falls back three deep. Block image override → the collection’s own featured image → the featured image of the collection’s first product → a placeholder. In practice you rarely need to upload anything: set a collection image in Shopify admin and the tile picks it up.

A tile with an image and no collection is still a link. Set an image, a title override and a link override and you have a generic promo tile — useful for pointing at a page rather than a collection. That is also the case where the note field is used, since there is no product count to show.

Count accuracy. The number is the collection’s full product count, not the number currently in stock.

Responsive steps: two columns below 860 px, one below 520 px.