> For the complete documentation index, see [llms.txt](https://blueskytechcos-organization.gitbook.io/umino-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://blueskytechcos-organization.gitbook.io/umino-shopify/theme-sections/collection-list-menu.md).

# Collection list menu

**Collection list menu** is a concise and organized way to showcase various product collections. It appears as a menu option, presenting a list of categories that customers can navigate. 

{% hint style="info" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate and custom **Collection list menu**
3. **Save**
   {% endhint %}

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/T70poOPnnEoCYvcoyKDn/Screenshot%202023-12-08%20151044.png" alt=""><figcaption></figcaption></figure>

## Collection list menu settings

### 1. Header

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.&#x20;

Adjust the text alignment (left/center) along with the background color and container type.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/Rfy4DJqxLnSvV6qboXoU/Screenshot%202023-12-08%20152219.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/kn72T5nL7MefU0LYl3bB/image.png" alt=""><figcaption></figcaption></figure>

### 2. Collection settings

You can decide whether **Collection list menu** displays as grid or carousel and more.

<figure><img src="https://content.gitbook.com/content/5WlAIkq5Keo641r70Byr/blobs/wrenyqjJYZYuBelhcGQi/Screenshot%202023-12-08%20153102.png" alt=""><figcaption></figcaption></figure>