Skip to content

Image link blocks

Add it to any template with Add section, under Collections.

Settings

Section heading

SettingWhat it doesDefault
Show section headingCheckboxOn
Text above headingText

Shown when Show section heading is on.

Shop by need
HeadingText

Shown when Show section heading is on.

Shop by category
SubheadingFormatted text

Shown when Show section heading is on.

None
Heading alignmentMenu

Options: Left, Center, Side by side.

Shown when Show section heading is on.

Left
Button labelText

Shown when Show section heading is on.

None
LinkLink

Shown when Show section heading is on and Button label is set.

None
Button styleMenu

Options: Primary, Secondary, Outline, Ghost, Text link.

Shown when Show section heading is on and Button label is set.

Ghost

Layout

SettingWhat it doesDefault
LayoutMenu

Options: Grid, Mosaic, Carousel.

Grid
Columns on desktopSlider

Tablets cap at 3 columns when this is more than 4. A grid never uses more columns than it has tiles.

From 2 to 6.

4
Columns on mobileMenu

Options: 1, 2, 3.

2
Mobile layoutMenu

Carousel turns the items into a swipeable strip below 1024px.

Options: Stack, Carousel.

Shown when Layout is Grid.

Stack
Carousel navigationMenu

Options: Arrows and dots, Arrows, Dots.

Shown when Layout is Carousel or (Mobile layout is Carousel and Layout is Grid).

Arrows and dots
Aspect ratioMenu

Mosaic tiles fill their cell, so Natural behaves as Square there.

Options: Adapt to image, Square (1:1), Portrait (4:5), Landscape (4:3), Wide (16:9), Cinematic (21:9).

Square (1:1)
GapMenu

Options: None, Small, Medium, Large.

Medium
Corner radiusMenu

Options: None, Small, Medium, Large, Extra large.

Large

Tiles

SettingWhat it doesDefault
Image fitMenu

Fit centers the image on the tile background, for logos and category icons.

Options: Fill tile, Fit inside tile.

Fill tile
Text positionMenu

Options: Over image, Below image.

Over image
AlignmentMenu

Options: Left, Center, Right.

Left
Vertical alignmentMenu

Options: Top, Middle, Bottom.

Shown when Text position is Over image.

Bottom
Heading sizeMenu

Options: Small, Medium, Large, Extra large.

Medium
Show arrow on labelsCheckboxOn
Hover effectMenu

Options: None, Zoom, Lift.

Shown when Text position is Over image.

Zoom
Hover effectMenu

Options: None, Zoom.

Shown when Text position is Below image.

Zoom
Reveal text on hoverCheckbox

Text stays visible when animations are turned off.

Shown when Text position is Over image.

Off

Overlay

SettingWhat it doesDefault
Overlay styleMenu

The gradient fades away from the text, so the rest of the image stays clear.

Options: None, Solid, Gradient.

Shown when Text position is Over image.

Gradient
Overlay colorColor

Leave blank to use the Text color from Theme settings > Colors.

Shown when Overlay style is not None and Text position is Over image.

None
Overlay opacitySlider

From 0% to 100%, in steps of 5%.

Shown when Overlay style is not None and Text position is Over image.

70%

Section style

SettingWhat it doesDefault
WidthMenu

Options: Contained, Full width.

Contained
ColorMenu

Options: Default, Muted, Primary, Accent, Custom.

Default
BackgroundColor

Shown when Color is Custom.

None
Background gradientGradient

Shown when Color is Custom.

None
Text colorColor

Leave blank to auto-pick black or white for contrast.

Shown when Color is Custom.

None
Vertical spacingMenu

Options: Theme default, None, Small, Medium, Large.

Theme default

Blocks

The section holds up to 16 blocks.

Tile

SettingWhat it doesDefault
ImageImageNone
Hover imageImage

Optional. Replaces the image on hover and on keyboard focus.

None
Text above headingTextNone
LabelText

Leave blank for an image-only tile. The link is then named by the image's alt text.

Tile label
DescriptionTextNone
LinkLinkNone
Open in new tabCheckbox

Shown when Link is set.

Off

Layout

SettingWhat it doesDefault
Columns to spanSlider

Capped at the section's column count.

From 1 to 4.

Shown when Layout is Mosaic.

1
Rows to spanSlider

From 1 to 3.

Shown when Layout is Mosaic.

1

Color

SettingWhat it doesDefault
Text colorColor

Leave blank to keep the default text colors.

None
BackgroundColor

Tile color behind a fitted image. Leave blank to use the muted background color.

Shown when Image fit is Fit inside tile.

None

Setting names and defaults on this page match Pawsome 1.0.3, as they appear in the theme editor in English.