Datum Documentation Support
Browse the documentation

Collection

A collection page: its start, collection links, filters, products and editorial images.

Settings

Content

Follow Theme settings for links, filtering and sorting

Checkbox · on by default

Theme settings › Collections and filters: collection links, editorial images, products per page, filtering, sorting. Turn off to set this section's own.

Show collection links

Checkbox · on by default

The links from Theme settings › Collections and filters › Collection navigation.

Page start

Follow Theme settings for the page start

Checkbox · on by default

Theme settings › Pages: image at the top, description, page title size. Turn off to set this page's own.

Image at the top

Choice · default The page's own image

The page's own image: a collection's or article's image, a look's picture, or a page's image from its custom.image metafield (Settings › Custom data). A page without one starts with its title. Where the title sits is Theme settings › Content on images.

Options: The page's own image, A chosen image, None

Chosen image

Image

Chosen image on phones

Image

Description

Choice · default Under the page start

The collection description. At the end of the page is below the products.

Options: With the title, Under the page start, At the end of the page, Hidden

Page title size on an image

Choice · default Display

Options: Display, Large heading, Heading, Body, Small

Show the collection image in the product grid

Checkbox · off by default

A wide tile first in the grid. Only when the page's start doesn't show the collection's image.

Image caption

Text

Connect a collection metafield to give each collection its own.

Follow Theme settings for content placement

Checkbox · on by default

Theme settings › Content on images: where the blocks sit, their alignment, width, distance from the edges, spacing and box. Turn off to set this section's own.

Content position on desktop

Choice · default Bottom center

Options: Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, Bottom right, Above the image, Below the image, Beside the image

Content position on phones

Choice · default Bottom center

Options: Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, Bottom right, Above the image, Below the image

Text alignment on desktop

Choice · default Match the position

Options: Match the position, Left, Center, Right

Text alignment on phones

Choice · default Match the position

Options: Match the position, Left, Center, Right

Content width

Choice · default Medium

Beside an image, Full width is the whole column.

Options: Narrow, Medium, Wide, Full width

Distance from the image's edges

Choice · default Page margin

Options: Page margin, Double the page margin, None

Space between blocks

Choice · default Standard

Options: Tight, Standard, Loose

Box behind the content

Choice · default None

Options: None, Color scheme, Translucent

Box color scheme

Color scheme

Words color

Choice · default Automatic

On the image. Automatic picks light or dark for the part of the image behind the words (Readability, below, sets how strict it is).

Options: Automatic, Light, Dark

Shade

Slider · 0% to 60% · default 0%

Shade style

Choice · default Gradient from the content's side

Options: Gradient from the content's side, Even

Height

Choice · default 88% of the screen

With the content on the image. The image's shape keeps Image shape where the section has one (else the image's own proportions); the section grows if the content needs more room.

Options: The image's shape, The screen, 88% of the screen, 80% of the screen, 60% of the screen

Transparent header over a first image

Choice · default Match the words

When the section is first on the page and its content is on the image. Match the words takes the words' color.

Options: Off, Match the words, Light, Dark

Follow Theme settings for cards

Checkbox · on by default

Theme settings › Product cards and Images › Image grids: how many, layout, per row, image shape, prices, alignment, View all. Turn off to set this section's own.

Name size

Choice · default Reading

Options: Small, Label, Body, Reading, Heading, Large heading

Space between

Choice · default Tight

Options: None, Tight, Gutter

Per row on phones

Choice · default 2

Options: 1, 2

Show price

Checkbox · on by default

On by default. Product cards elsewhere follow Theme settings › Product cards.

Filters and sort

Enable filtering

Checkbox · on by default

Customize filters in the Search and Discovery app.

Enable sorting

Checkbox · on by default

Layout

Products per page

Slider · 6 to 36 · default 18

Image shape

Choice · default Portrait (4:5)

Options: Square (1:1), Portrait (4:5), Portrait (3:4), Tall (2:3)

Editorial images

Large pictures between the products. Each item of the menu below becomes one, in order: a collection shows its image, a product its second picture (tag it grid-image:3 for the third). A menu whose handle is editorial- followed by the collection's handle (editorial-all for All products) takes over on that collection. Hidden while filters are on.

Editorial images menu

Menu

Without a menu

Choice · default Show looks featuring these products

Options: Show looks featuring these products, Show nothing

First image after this many products

Slider · 2 to 24 · default 6

Then one every

Slider · 4 to 36 · default 12

Images per page at most

Slider · 1 to 4 · default 2