# Collection list

<div data-full-width="true"><figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FETk3RTZrTHUxALnqCtTH%2FFoxEcom%20changelog%20%20%201250%20x%20200.png?alt=media&#x26;token=a72791be-b9fe-4806-8a28-f1592e470b10" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=foxecom&#x26;utm_medium=help_center_foxify_collection_list&#x26;utm_campaign=anchor-text&#x26;utm_term=explore_foxecom_affiliate_program_perks_now">Explore FoxEcom Affiliate program perks now</a> <span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2Filr7AgEGreSESGHPnEw6%2Fimage.png?alt=media&#x26;token=d427e39b-36ca-4a88-bb4b-684a9aa8a94f" alt=""><figcaption></figcaption></figure>

The collection list displays a quick list of desired collections to catch visitors' attention.

## Customize a collection list

A featured collection section has three blocks, namely: **Section header, Collection grid** and **Button.**&#x20;

### **Section header**

Use this block to give your section a heading, subheading, or description if needed.&#x20;

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FNvEzGIg3lFLh8m60Ohzk%2Fimage.png?alt=media&#x26;token=dff985f5-66f5-4659-9e90-daaf63467801" alt=""><figcaption></figcaption></figure>

### **Collection grid**

#### **Content**

Add collections you want to display in the section. By default, it will show the collection's featured image, select an image and/or add a new collection title if you would like to.

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2F6UTf7AgV4QFaOon10xcA%2Fezgif.com-gif-maker%20(10).gif?alt=media&#x26;token=60f731cd-01a6-454e-9c3e-f555a831c8a6" alt=""><figcaption></figcaption></figure>

You can also reorder them by dragging and dropping the collection name.

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FhrgK0Wz0K2TcQspM7bY5%2Fezgif.com-gif-maker%20(11).gif?alt=media&#x26;token=69188fc4-ed7e-4dc9-8047-50b24a9240c9" alt=""><figcaption></figcaption></figure>

#### Desktop and Mobile layout

Create a perfect section across all devices by adjusting your desktop layout and mobile layout settings.&#x20;

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2F68XUbtufnWvyahq4pyrM%2Fezgif.com-gif-maker%20(12).gif?alt=media&#x26;token=39390b8b-025f-45cd-9c3f-7cd32333fbf2" alt=""><figcaption></figcaption></figure>

Uncheck **Enable swipe on mobile** to display your products as a grid in mobile view.

### Button

Add a button to redirect customers to your desired page.&#x20;

<figure><img src="https://1749964694-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfgpgvtRaQLc36GYyIktZ%2Fuploads%2FgYjEjY9qDqyZggzuEsgk%2Fimage.png?alt=media&#x26;token=861644b1-e799-45b8-b105-0057a240c600" alt=""><figcaption></figcaption></figure>
