Datum Documentation Support
Browse the documentation

Lookbook

Your looks, each with its picture and products. Without Look blocks, the newest looks show.

Settings

Shows looks as on the product page. A look is a collection with its theme template set to look; its products make the look. Add a Look block per look to choose it and, if you like, give it its own picture, heading and text. Without blocks, the newest looks show.

Content

Follow Theme settings for looks

Checkbox · on by default

Theme settings › Looks: how many, products per look, description, link, image layout. Turn off to set this section's own.

Looks to show

Slider · 1 to 3 · default 3

Without Look blocks, the newest looks show first.

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

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

Show labels in capitals

Checkbox · on by default

Label color

Choice · default Text

Options: Text, Quiet

Text under the heading

Choice · default Body

Options: Body, Reading, Small

Products per look

Slider · 0 to 12 · default 8

0 shows none.

Show the look's description

Checkbox · on by default

Link to the look's page

Checkbox · on by default

Every look has its own page, made from its collection.

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

Layout

Image layout

Choice · default Automatic

Automatic runs pictures 3:2 or wider across the full width, above the products. Others stay beside the products while they scroll.

Options: Automatic, Full width, Beside products, No image

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 Below the image

For full-width images. On phones the words sit before the image for Above or a top or middle position, and after it otherwise.

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

Match the position lines the text up with where the content sits.

Options: Match the position, Left, Center, Right

Follow Theme settings for images

Checkbox · on by default

Theme settings › Images: Product images › Shape, and Grain › Lookbook where the section has Grain. Turn off to set this section's own.

Image shape

Choice · default Portrait (4:5)

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

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

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

Words color

Choice · default Automatic

Automatic picks light or dark for the part of the picture behind the text. Theme settings › Looks › When neither light nor dark words read decides what happens where neither does, and Content on images › Readability how strict it is.

Options: Automatic, Light, Dark

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: Look

Look

Collection

A collection with the look template.

Picture

Image

Instead of the collection's image. A picture from Files keeps the focal point set on it there.

Heading

Text

Instead of the collection's title.

Text

Text

Instead of the collection's description.