> ## Documentation Index
> Fetch the complete documentation index at: https://docs.shopify.lightsout.agency/llms.txt
> Use this file to discover all available pages before exploring further.

# List top collections with Facet's collection highlights

> Set up Facet's collection highlights section: a picture beside a numbered list of collections, each with its own heading, text and link.

The Facet collection highlights section shows a picture beside a numbered list of collections. Each row links to a collection, or to any page you choose, with an arrow at its end. Use it to point shoppers to your most important collections. This page covers the section settings and the collection rows.

![The Collection highlights section as it appears on the Facet demo storefront.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/collection-highlights/collection-highlights-overview.jpg?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=505e9203f488dbfe3b271b84eb8d118a)

## What this section controls

* The section heading and text.
* The picture beside the list.
* The collections in the list, with their names, text and links.

## Getting started

**1. Open the Theme Customizer**

In your Shopify admin, open **Online Store**, then **Themes**, and click **Customize** next to Facet.

**2. Add the section**

In the **Sections** panel, click **Add section** and choose **Collection highlights**. The section can't be added to the header or footer.

**3. Pick the collections**

Click each **Collection** block and choose a **Collection**. Click **Add block**, then **Collection**, to add more rows.

![The theme editor with the Collection highlights section selected in the sidebar, its settings panel open on the left and the section highlighted in the preview.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/collection-highlights/collection-highlights-location.jpg?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=d71f51aa57f1a8c337b0d54782eab3e1)

## Section settings

### Content

![Theme editor sidebar showing the Collection highlights section settings: Heading, Text, Image, Common settings, Color scheme, Top padding, and more.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/collection-highlights/collection-highlights-settings-1.png?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=750994397d696ebcb4245d2748a3afb1)

* **Heading**: the section heading. Default: "Top collections". Leave it blank to hide it.
* **Text**: a short line under the heading.
* **Image**: the picture beside the list. Until you choose one, a placeholder shows. The picture uses the heading as its description for screen readers.

### Common settings

![Theme editor sidebar showing the Collection highlights section settings (part 2, scrolled): Image, Common settings, Color scheme, Top padding, Bottom padding, Page width, and more.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/collection-highlights/collection-highlights-settings-2.png?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=d4fd4dadb1fca0aca7cc7838c0393558)

See [Common settings](https://docs.shopify.lightsout.agency/themes/facet/common-settings.md) for details.

* **Color scheme**: the colors of the section.
* **Top padding** and **Bottom padding**: None, Small, Medium, Large (default) or Extra large.
* **Page width**: Narrow, Narrower, Fluid (default) or Full.

## Blocks

### Collection

![Theme editor sidebar showing the Collection block (in Collection highlights) settings: Collection, Heading, Text, Link.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/collection-highlights/collection-highlights-block-collection-1.png?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=6824d93f068ae4c64310dc92f294844e)

Each **Collection** block adds one numbered row to the list. Rows are numbered 01, 02, 03 and so on, in block order.

* **Collection**: the collection this row points to.
* **Heading**: the name shown on the row. Leave it blank to use the collection title.
* **Text**: a short line under the name.
* **Link**: where the row goes when clicked. Leave it blank to link to the chosen collection.

The row's name and arrow link to **Link**, or to the collection when **Link** is blank. When a row has neither a collection nor a link, it shows a placeholder name and no arrow.

## Best practices

* **Keep the list short.** Three to five rows keep the list about the same height as the picture.
* **Use Text for a hook.** A few words such as "New this week" give shoppers a reason to click.
* **Choose a picture that fits every row.** One picture sits beside the whole list, so pick one that represents your store, not a single collection.

## Related guides

> [card] [Collection page](https://docs.shopify.lightsout.agency/themes/facet/collections/collection-page.md)
>
> Set up the page shoppers reach from each row.

> [card] [Featured collection](https://docs.shopify.lightsout.agency/themes/facet/sections/featured-collection.md)
>
> Show the products of one collection instead of a list.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.