> For the complete documentation index, see [llms.txt](https://foxecom.gitbook.io/zest-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://foxecom.gitbook.io/zest-theme/theme-sections/collections-showcase.md).

# Collections showcase

<figure><img src="/files/A9aCak0GzPkNpidYmLZk" alt=""><figcaption></figcaption></figure>

Highlight specific collections through a unique layout and smooth visual effects. This section is ideal for highlighting new arrivals, seasonal picks, or curated collections with storytelling content, rich imagery, and custom text.

✨ Ideal for brands that want to blend product storytelling with navigation.

<figure><img src="/files/QSJ7gozdNB1SF4aclyhG" alt=""><figcaption><p>Source: <a href="https://themes.shopify.com/themes/zest/styles/laura/preview">Demo Laura</a></p></figcaption></figure>

{% hint style="info" %}
This section is available on ✨ **Zest version 9.0.0 onwards**. See our [Changelog](/zest-theme/changelog.md)
{% endhint %}

## How to add a Collections showcase section to your Shopify store

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)** > click **Add section.**
2. Select **Collections showcase**.
3. Make necessary changes.
4. **Save** the settings.
   {% endhint %}

## How to edit a Collections showcase section <a href="#how-to-edit-a-collections-showcase-section" id="how-to-edit-a-collections-showcase-section"></a>

### Section settings

<table><thead><tr><th width="200">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Color scheme</strong></td><td>Pick a color scheme that matches your brand style. <br>Learn more: <a data-mention href="/pages/E1dNsgsqbhMsJjy8Hv1S">/pages/E1dNsgsqbhMsJjy8Hv1S</a></td></tr><tr><td><strong>Heading</strong></td><td>Add a section title. Wrap text in italics to highlight it with animation. Learn more: <a data-mention href="/pages/ZxFdF1oKUnZZwOCogQFE#highlight-text">/pages/ZxFdF1oKUnZZwOCogQFE#highlight-text</a></td></tr><tr><td><strong>Heading size / color</strong></td><td>Adjust heading font size and color. Leave color blank to use assigned color scheme.</td></tr><tr><td><strong>Subheading</strong></td><td>Optional small label above the main heading.</td></tr><tr><td><strong>Description</strong></td><td>Add a paragraph below the heading to describe or give context to the collections.</td></tr><tr><td><strong>Image ratio</strong></td><td>Choose image aspect ratio: Square, Portrait, Landscape, or Adapt to first image.</td></tr></tbody></table>

### Block settings

{% hint style="success" %}

* You can add up to **4 collection blocks** in this section.
* If you don’t enter custom text, the theme will pull the collection’s description — helping you save time and stay consistent.
  {% endhint %}

<table><thead><tr><th width="200">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Collection</strong></td><td>Choose the Shopify collection to feature.</td></tr><tr><td><strong>Image</strong></td><td>Upload a custom image. Leave blank to use the collection’s featured image.</td></tr><tr><td><strong>Heading</strong></td><td>Enter a custom title for the block. Leave blank to use the collection’s title.</td></tr><tr><td><strong>Heading size</strong></td><td>Choose from various heading sizes.</td></tr><tr><td><strong>Subheading</strong></td><td>Add a short label above the description.</td></tr><tr><td><strong>Subheading size</strong></td><td>Adjust the subheading’s font size.</td></tr><tr><td><strong>Text</strong></td><td>Write a short description or story. If left blank, the theme will automatically use the <strong>collection’s description</strong>.</td></tr><tr><td><strong>Button label</strong></td><td>Add a CTA button that link to the collection page. Leave blank to hide the button.</td></tr></tbody></table>

<figure><img src="/files/wnpDTUcf28bYc9nF5GgR" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/SmMbLELjXFBWRpdGMuIK" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/0RJiVLgHhQgavylQbY4K" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/UGY9ZVr7s7FOzmF5F7Q3" alt=""><figcaption></figcaption></figure>