# Collection highlight

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FOlSHhQY8RHRiYhqoDiOI%2FFox-BG%20Light%20-%202025-11-18T141322.671.jpg?alt=media&#x26;token=b4856a06-9885-47b7-ad1f-ae2010a8b6df" alt=""><figcaption></figcaption></figure>

Showcase multiple collections with visually engaging images and descriptions. Ideal for driving attention to key products or promotions.

## How to add a Collection highlight to your Shopify store

{% hint style="success" %}

1. In the theme editor **(Customize)**, click **Add section.**
2. Select **Collection highlight** section.
3. Make necessary changes.
4. **Save.**
   {% endhint %}

## How to edit the section Collection highlight

### Section settings

<table><thead><tr><th width="275">Setting</th><th>Description</th></tr></thead><tbody><tr><td><strong>Desktop image position</strong></td><td>Choose between <strong>left</strong> or <strong>right</strong> for the image layout.</td></tr><tr><td><strong>Image aspect ratio</strong></td><td>Select an aspect ratio for the images.</td></tr><tr><td><strong>Subheading</strong></td><td>Add a subheading to give context or introduce the section.</td></tr><tr><td><strong>Collection link style</strong></td><td><p>Choose the style for the collection title: </p><ul><li><strong>Underline</strong><br><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FEURLoYFcyf2jBQS1WDW9%2Fimage.png?alt=media&#x26;token=aca42355-5d93-460f-8163-fb8df86882db" alt=""></li><li><strong>Wavy underline</strong><br><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2F5MPYDEmH9hTFOeoA4dbA%2Fimage.png?alt=media&#x26;token=0e4a6f56-96e7-411b-ade5-93e2c06973cb" alt=""></li></ul></td></tr><tr><td><strong>Color scheme</strong></td><td>Choose a color scheme to apply to the section's background and text.<br>Learn more: <a data-mention href="../theme-settings/colors">colors</a></td></tr></tbody></table>

### Block settings

The section includes multiple **Collection** blocks with nested **Image cards**.

* In each **Collection** block, pick a collection you want to feature and upload a thumbnail to display next to the collection title *(optional)*.&#x20;

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FweDcuQgozd1Ykc7sbWUK%2Fimage.png?alt=media&#x26;token=d9368d76-6408-4096-a172-1791ce6d2218" alt=""><figcaption></figcaption></figure>

* Each **Collection** block includes an **Image card**. *Learn more about* [*how to customize the Image card block*](https://docs.foxecom.com/pebble-theme/theme-blocks/basic#image-card)*.*

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2F62cITFSMVWMFMM9oKPhb%2Fimage.png?alt=media&#x26;token=03ba6cfb-196c-47b3-ad22-60fa0a121489" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
On mobile view, the image cards are displayed under the collection titles.
{% endhint %}

<figure><img src="https://1172126658-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgoStNEbk9Q25TX38NhdE%2Fuploads%2FLH4WNIrrQKdyF84VipiB%2Fimage.png?alt=media&#x26;token=f7e8ae2b-7834-4823-945c-18cbad5549e0" alt="" width="134"><figcaption></figcaption></figure>
