Theme Sections
Collage tab
2 min read
_IlYLWqpS.jpg)
This section is available on ✨ Zest version 7.0.0 onwards. See our Changelog
How to add a Collage tab section to your Shopify store
- In the theme editor (Customize), click Add section
- Select Collage tabs
- Make necessary changes
- Save.
How to edit a Collage tab section
Section settings
| Setting | Description |
|---|---|
| Heading size | Controls the tab title text size. |
| Desktop navigation alignment | Position of the tab navigation bar (Left / Center / Right). |
| Desktop image position | Left or Right alignment of the image relative to text. |
| Desktop image width | Adjust how much space the image takes (in %). |
| Image ratio | Maintain consistent height with Fixed ratio or match original image with Adapt to image. |
Block settings
| Setting | Description |
|---|---|
| Color scheme | Choose from your theme’s predefined color schemes for background/text. |
| Navigation title | The name that appears in the tab navigation bar. Keep it short. |
| Image | Upload a high-quality image to visually represent the content. |
| Heading / Subheading | Main messaging. You can bold, italicize, or highlight text. |
| Description | Add supporting text, product info, or promotional messages. |
| Text alignment | Aligns heading, subheading, and description (Left / Center / Right). |
| Button label | Add a call-to-action (e.g. “Shop Now”). Leave blank to hide. |
| Button link | Paste the URL or use Shopify’s link selector. |
| Button style | Choose between primary, secondary, white or underline button. |
| Mobile text alignment | Option to override desktop text alignment on mobile. |
Best practices
- Stick to 2–3 tabs to avoid overwhelming shoppers.
- Use cohesive visuals across tabs to maintain brand consistency.
Last updated