Collection
| Setting | Description |
|---|---|
| Color scheme | Choose a color scheme to apply consistent colors to this block. |
| Collection | Add a collection to the collection block. |
| Custom image | Replace the default collection image with a custom image. |
| Image ratio |
Set the aspect ratio for image: • Adapt to image • Square: Displays images in a 1:1 ratio. • Portrait: Displays images in a vertical ratio. • Landscape: Displays images in a horizontal ratio. |
| Image style |
Controls how the collection image fills its card. • Top — image sits at its natural ratio at the top of the card. • Cover — image fills and crops to cover the entire card. |
| Card style |
Sets the visual layout of the card. • Default — collection name with an arrow displayed on the image. • CTA button — overlays a solid button-style label on the image; hides Show description, Custom description, and Heading dot link style below, since they don't apply to this layout. |
| Hover image | An image shown behind the card's text when the card turns red on hover. Only used with the "CTA button" card style and "Cover" image style. |
| Hover image display |
Controls how the Hover image fills the card on hover. • Cover — fills and crops the image to cover the card area. • Contain — fits the whole image within the card without cropping. Only shown when a Hover image is set, with Card style = CTA button and Image style = Cover. |
| Show description | Show the collection description from the admin below collection heading. Only shown when Card style is not CTA button. |
| Custom description | Add a custom description manually. Only shown when Card style is not CTA button. |
| Heading dot link style | Adds a small dot marker next to the collection heading, styling it like a "link with dot" instead of plain text. Only shown when Card style is not CTA button. Disabled by default. |
You can add more than one collection, as on this demo example.
