# Collections showcase

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FbbSbkt8rpX0lnouMBvfT%2FFox-BG%20Light%20(24).jpg?alt=media&#x26;token=3bcb0095-f805-40b6-8c0a-70b1a82b9b41" 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="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2F3NvPBgDDOKbTd8pxE66v%2FAnimation%2011.gif?alt=media&#x26;token=4e04c3c7-b5d6-4bf8-89a3-4480b1affab3" 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](https://docs.foxecom.com/zest-theme/changelog "mention")
{% 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="../theme-settings/colors-and-color-schemes">colors-and-color-schemes</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-global-sections/general-settings#highlight-text">#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="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FVqvgJiqExNKbqCCUGycf%2Fimage.png?alt=media&#x26;token=41d63689-0d5e-4039-aec8-6a461ee0433a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FIQJa2PVF3XyJyRTin79p%2Fimage.png?alt=media&#x26;token=b4202db1-21cc-403b-9c32-cf12547eae73" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FXgQpeXAK0TLjn4yHUXGr%2Fimage.png?alt=media&#x26;token=a4d3bd20-da62-47bb-b3a9-38850b81fcf8" alt=""><figcaption></figcaption></figure>

<figure><img src="https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FZ3VJma3zHaF60Z76imqq%2Fimage.png?alt=media&#x26;token=9884c8c8-e50f-4f10-930c-cdb497ef7761" alt=""><figcaption></figcaption></figure>
