Collections list block
A list of collections shown as large rows with a product count and a link, under a mini banner with a heading, a description and a button. On desktop, a collection image appears and follows the row the pointer is over.
Collections
| Setting | Description |
|---|---|
| Collections | Collections shown as rows. Each row is a collection from your store. |
Mini banner
| Setting | Description |
|---|---|
| Heading | Heading of the mini banner, for example “Games”. Leave empty to hide it. The settings below it appear only when a heading is entered. |
| Preset | Typography preset: Hero or H1–H6. Presets are edited in Theme settings → Typography. Default: Hero. |
| Font | Font family: Heading large, Heading small, Body or Accent. Default: Heading large. |
| Color | Text color: Heading, Text or Accent. Default: Accent. |
| Text style | Letter case: Normal, Uppercase or Lowercase. Default: Uppercase. |
| Description | Text under the heading. Supports inline formatting. |
| Button label | Text on the mini banner button. Default: Shop all. |
| Button link | Page the button leads to. Available only when a button label is entered. |
| Button style | Primary, Secondary, Outline or Inline. Button styles are edited in Theme settings → Buttons. Available only when a button label is entered. Default: Primary. |
| Button icon | Icon next to the label: None, Dot, Square, Triangle, Arrow, Caret or Carets. Available only when a button label is entered. Default: Carets. |
| Button icon position | Places the icon to the left or right of the label. Available only when a label and an icon are set. Default: Right. |
Collection rows
| Setting | Description |
|---|---|
| Preset | Typography preset of the collection names: H2–H6. Presets are edited in Theme settings → Typography. Default: H3. |
| Font | Font family of the names: Heading large, Heading small, Body or Accent. Default: Heading large. |
| Color | Text color of the names: Heading, Text or Accent. Default: Heading. |
| Text style | Letter case of the names: Normal, Uppercase or Lowercase. Default: Normal. |
| Show product count | Shows the number of products in the collection next to its name. Default: On. |
| Row button label | Text of the link on each row. Leave empty to hide it. The settings below appear only when a label is entered. Default: Shop now. |
| Button style | Primary, Secondary, Outline or Inline. Default: Inline. |
| Button icon | Icon next to the label: None, Dot, Square, Triangle, Arrow, Caret or Carets. Default: Arrow. |
| Button icon position | Places the icon to the left or right of the label. Available only when an icon is selected. Default: Right. |
Hover image
| Setting | Description |
|---|---|
| Show collection image on hover | Shows the collection image next to the list while the pointer is over a row. Desktop only. The image follows the hovered row and never runs past the list; it is cropped only when the list is shorter than the image. Default: On. |
| Image width | Width of the hover image. Available only when the hover image is on. Range: 20–60 %, step 5. Default: 45 %. |
| Image ratio | Shape of the hover image: Adapt, Contain, Square, Landscape, Wide or Ultra wide. Available only when the hover image is on. Default: Ultra wide. |
Layout
| Setting | Description |
|---|---|
| Width | Page width or Full width. Default: Page width. |
| Color scheme | Color scheme of the block. Schemes are managed in Theme settings → Colors. Default: Scheme 1. |
| Background | Background or Background secondary. Default: Background. |
Padding
| Setting | Description |
|---|---|
| Top | Space above the block on desktop. Range: 0–200 px, step 2. Default: 0 px. |
| Bottom | Space below the block on desktop. Range: 0–200 px, step 2. Default: 0 px. |
| Top mobile | Space above the block on mobile. Range: 0–120 px, step 2. Default: 0 px. |
| Bottom mobile | Space below the block on mobile. Range: 0–120 px, step 2. Default: 0 px. |