Featured card block
One card of the section: an image with an optional icon, text, small product thumbnails and a button. Add one block per card.
Card
| Setting |
Description |
| Color scheme |
Color scheme of the card. Schemes are managed in Theme settings → Colors. Default: Scheme 1. |
Image
| Setting |
Description |
| Image |
Image of the card. |
| Image dark mode |
Image used in dark mode. If not selected, the light mode image is used. Available only when dark mode is enabled in Theme settings and an image is selected. |
| Link |
Page the whole card leads to. |
| Image ratio |
Shape of the image: Adapt (original proportions), Portrait, Square, Landscape or Custom. Default: Portrait. |
| Custom image ratio |
Image height as a percentage of its width. Available only when Image ratio is Custom. Range: 40–180 %, step 2. Default: 100 %. |
| Image filter |
Effect applied to the image: None, Grayscale, Sepia, Vivid, High contrast, Dimmed or Blurred. Default: Grayscale. |
| Clear filter on hover |
Shows the untouched image when the visitor points at the card. Available only when a filter is selected. Default: On. |
| Image overlay |
Darkens the image so text on top of it stays readable. Range: 0–80 %, step 5. Default: 0 %. |
Icon
| Setting |
Description |
| Icon |
Small icon shown in a corner of the card, for example a social network logo. |
| Image dark mode |
Icon used in dark mode. If not selected, the light mode image is used. Available only when dark mode is enabled in Theme settings and an icon is selected. |
| Icon size |
Size of the icon. Available only when an icon is selected. Range: 12–72 px, step 2. Default: 24 px. |
| Icon corner |
Which top corner holds the icon: Right or Left. Available only when an icon is selected. Default: Right. |
Text
| Setting |
Description |
| Text |
Text shown on the card. Supports rich text formatting. Leave empty to hide it. The settings below appear only when text is entered. |
| Preset |
Typography preset: Hero, H1–H6, Subheading, Caption, Large text, Paragraph or Small text. Presets are edited in Theme settings → Typography. Default: Paragraph. |
| Font |
Font family: Heading large, Heading small, Body or Accent. Default: Body. |
| Color |
Text color: Heading, Text or Accent. Default: Heading. |
| Text style |
Letter case: Normal, Uppercase or Lowercase. Default: Normal. |
Products
Only the product image and its link are used. Titles and prices are not shown.
| Setting |
Description |
| Product list |
Products shown as small thumbnails on the card. |
| Product count |
Maximum number of thumbnails. Range: 1–8. Default: 4. |
| Product thumbnail size |
Size of each thumbnail. Range: 32–96 px, step 2. Default: 44 px. |
| Space between thumbnails |
Distance between thumbnails. Range: 0–24 px. Default: 8 px. |
| Color scheme |
Color scheme of the thumbnails only, so they can stay light on a dark card. Default: Scheme 1. |
| Setting |
Description |
| Button label |
Text on the button. Leave empty to hide the button. The settings below appear only when a label is entered. Default: View products. |
| Button link |
Page the button leads to. |
| Button style |
Primary, Secondary, Outline or Inline. Button styles are edited in Theme settings → Buttons. Default: Primary. |
| Button icon |
Icon next to the label: None, Dot, Square, Triangle, Arrow, Caret or Carets. Default: Carets. |
| Button icon position |
Places the icon to the left or right of the label. Available only when an icon is selected. Default: Right. |
| Show button |
On hover keeps the card clean until the visitor points at it; Always shows the button all the time. Touch devices always show the button. Default: On hover. |
Content layout
| Setting |
Description |
| Content alignment |
Horizontal alignment of the card content: Left, Center or Right. Default: Left. |
| Content position |
Vertical position of the content on the image: Top, Middle or Bottom. Default: Bottom. |
| Content inset |
Space between the content and the card edge on desktop. Range: 0–48 px. Default: 16 px. |
| Content inset mobile |
The same space on mobile. Range: 0–48 px. Default: 16 px. |
| Space between content rows |
Space between the text, thumbnails and button. Range: 0–32 px. Default: 12 px. |
