Eastrow Studio
Browse the documentation

Product cards

Products from a collection, or chosen ones, as a grid or carousel.

Settings

Content

Collection

Collection

Product list

Products

Overrides the collection when selected.

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

Per row on phones

Choice · default 2

Options: 1, 2

Show color swatches

Checkbox · on by default

Show every image

Checkbox · on by default

On product cards

Choice · default On the image

Options: Above the name, On the image, Hidden

Arrows

Choice · default Under the cards

Options: Beside the cards, Under the cards, Hidden

Show part of the next card

Checkbox · off by default

Moves on its own

Choice · default Off

Options: Off, 4 s, 6 s, 8 s

Products to show

Slider · 2 to 16 · default 4

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

View all link

Choice · default Under the cards

The link to the collection, or your own link above when you set one.

Options: Hidden, In the heading, Under the cards

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

Layout

Choice · default Grid

Options: Grid, Carousel

Image shape

Choice · default Portrait (4:5)

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

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

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