# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/zest-theme/theme-sections/collections-showcase.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
