Horizontal collection
| Setting | Description |
|---|---|
| Color scheme | Choose a color scheme to apply consistent colors to this block. |
| Collection | Add a collection to the horizontal collection block. |
| Custom image | Replace the default collection image with a custom image. |
| Image position |
Controls how the image is placed relative to the text within the block. • Left — image on the left, text on the right. (Default) • Cover — the image fills the entire block as a background, with text overlaid on top. • Right — image on the right, text on the left. |
| 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. Only shown when Image position is not set to Cover. |
| Heading size |
Choose a collection heading size: • Small • Medium • Large |
| Show description | Show the collection description from the admin below collection heading. |
| Custom description | Add a custom description manually. |
| Link label | Add text for the button (e.g., "Shop Now") that links to the collection page. |
| Button style |
Choose the first button's appearance: • Primary: Uses the primary button color defined in color scheme. • Secondary: Uses the secondary button color defined in each color scheme. • Outline: A button with a border and no fill. |
You can add more than one horizontal collection, as on this demo example.
