Image link blocks
Add it to any template with Add section, under Collections.
Settings
Section heading
| Setting | What it does | Default |
|---|---|---|
| Show section headingCheckbox | On | |
| 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 | 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 | Shown when Show section heading is on and Button label is set. | Ghost |
Layout
| Setting | What it does | Default |
|---|---|---|
| LayoutMenu | 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. | 4 |
| Columns on mobileMenu | 2 | |
| Mobile layoutMenu | Carousel turns the items into a swipeable strip below 1024px. Shown when Layout is Grid. | Stack |
| Carousel navigationMenu | 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. | Square (1:1) |
| GapMenu | Medium | |
| Corner radiusMenu | Large |
Tiles
| Setting | What it does | Default |
|---|---|---|
| Image fitMenu | Fit centers the image on the tile background, for logos and category icons. | Fill tile |
| Text positionMenu | Over image | |
| AlignmentMenu | Left | |
| Vertical alignmentMenu | Shown when Text position is Over image. | Bottom |
| Heading sizeMenu | Medium | |
| Show arrow on labelsCheckbox | On | |
| Hover effectMenu | Shown when Text position is Over image. | Zoom |
| Hover effectMenu | 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
| Setting | What it does | Default |
|---|---|---|
| Overlay styleMenu | The gradient fades away from the text, so the rest of the image stays clear. 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 | Shown when Overlay style is not None and Text position is Over image. | 70% |
Section style
| Setting | What it does | Default |
|---|---|---|
| WidthMenu | Contained | |
| ColorMenu | 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 | Theme default |
Blocks
The section holds up to 16 blocks.
Tile
| Setting | What it does | Default |
|---|---|---|
| ImageImage | None | |
| Hover imageImage | Optional. Replaces the image on hover and on keyboard focus. | None |
| Text above headingText | None | |
| LabelText | Leave blank for an image-only tile. The link is then named by the image's alt text. | Tile label |
| DescriptionText | None | |
| LinkLink | None | |
| Open in new tabCheckbox | Shown when Link is set. | Off |
Layout
| Setting | What it does | Default |
|---|---|---|
| Columns to spanSlider | Capped at the section's column count. Shown when Layout is Mosaic. | 1 |
| Rows to spanSlider | Shown when Layout is Mosaic. | 1 |
Color
| Setting | What it does | Default |
|---|---|---|
| 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.