Datum Documentation Support
Browse the documentation

Image grid

Pictures in a grid, each with a caption and an optional link.

Settings

Content

Heading

Text

Follow Theme settings for headings

Checkbox · on by default

Theme settings › Headings: size, level, alignment, weight, color, capitals, the label above and the text under the heading. Turn off to set this section's own.

Heading size

Choice · default Display

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

Heading level

Choice · default Heading 2

For screen readers and search engines; the look comes from the settings above.

Options: Heading 2, Heading 3, Paragraph

Heading alignment

Choice · default Center

Options: Left, Center, Right

Weight

Choice · default Body

Body and Emphasis are set in Theme settings › Typography › Weights.

Options: Body, Emphasis

Color

Choice · default Text

Soft and Quiet are the color scheme's lighter text tones.

Options: Text, Soft, Quiet

Show in capitals

Checkbox · off by default

Text under the heading

Choice · default Body

Options: Body, Reading, Small

Text

Text

Button label

Text

Button link

Link

Follow Theme settings for buttons

Checkbox · on by default

Theme settings › Buttons and corners › Buttons: each button's look, alignment, two or more, full width on phones. Turn off to set this section's own.

Button style

Choice · default Outlined

Options: Filled, Outlined, Underline, Link

Alignment

Choice · default Match the content

Options: Match the content, Left, Center, Right

Stretch to full width on phones

Checkbox · on by default

Filled and Outlined buttons take the width of the screen on phones; Underline and Link stay their own width.

Layout

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.

Space between

Choice · default Tight

Options: None, Tight, Gutter

Columns on desktop

Slider · 1 to 4 · default 3

Columns on phones

Choice · default 1

Options: 1, 2

Image shape

Choice · default Portrait (4:5)

Options: Each image's own, Portrait (4:5), Tall (2:3), Square (1:1), Wide (16:9)

Text alignment

Alignment · default left

Captions

Choice · default Under the image

On the image, a caption stays at the screen's foot while its image scrolls by, then settles at the image's foot. With a link it shows as a button; without one, as words.

Options: Under the image, On the image, as buttons

Caption button look

Choice · default Theme setting

Theme setting follows Theme settings › Buttons › First button.

Options: Theme setting, Filled, Outlined, Underline, Link

Words color

Choice · default Light

Options: Light, Dark

Alignment

Choice · default Left

The text under product cards, and where a single row that doesn't fill the grid sits.

Options: Left, Center

Appearance

Follow Theme settings for the section frame

Checkbox · on by default

Color scheme: Theme settings › Colors › Page color scheme. Space above and below: Theme settings › Layout. Turn off to set this section's own.

Color scheme

Color scheme

Spacing

Space above

Choice · default Medium

Options: None, Small, Medium, Large

Space below

Choice · default Medium

Options: None, Small, Medium, Large

Width

Choice · default Full width

Full width runs as far as Layout's reach lets full-width images and grids; Page width keeps the section inside the page margins.

Options: Page width, Full width

Show a hairline above

Checkbox · off by default

Show a hairline below

Checkbox · off by default

Visibility

Show on desktop

Checkbox · on by default

Show on phones

Checkbox · on by default

Block: Image

Image

Image

Caption

Text

Link

Link

Span two columns

Checkbox · off by default

On desktop. On a phone it takes the whole row.

Text alignment

Choice · default As the section

Options: As the section, Left, Center, Right