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

# Cascading collection

<div data-full-width="true"><figure><img src="/files/1OZ2q7N6tFYitFzBKwTz" alt=""><figcaption><p><a href="https://foxecom.com/pages/affiliate?utm_source=minimog%2Bhelp%2Bcenter&#x26;utm_medium=banner&#x26;utm_campaign=foxaffiliatelaunch2024">Explore FoxEcom Affiliate Program now </a><span data-gb-custom-inline data-tag="emoji" data-code="2728">✨</span></p></figcaption></figure></div>

<figure><img src="/files/itvSFH2rWxzjYf9UINEN" alt=""><figcaption></figcaption></figure>

The cascading collection displays a short list of collections using the cascading layout to catch visitors' attention.&#x20;

This layout gives the flexibility to create unique designs for the collection list.

{% hint style="success" %}
**Steps:**

1. In the theme editor (**Customize**) > click **Add section.**
2. Select **Cascading collection.**
3. **Save.**
   {% endhint %}

## Section settings

### **General**

Adjust the **Container type** (Default/Full width/ Use container box) and **Color scheme** for this section.

<figure><img src="/files/gMzKAk8qHSkpiIFfYXaL" alt=""><figcaption></figcaption></figure>

### **Section header**

Use the provided text fields to add a suitable **Heading**. Leave this field blank if you do not want to display it.&#x20;

Adjust the **Heading size** (Medium/ Large) and **Text alignment** (Left/ Center) to make the content look reasonable on your page.

You can also make the heading overlay and sticky within the section by enabling the **Overlay heading** checkbox.

<figure><img src="/files/XYZvgrhBq72kP4X5ZaHp" alt=""><figcaption></figcaption></figure>

### **Grid settings**

Determine the **Vertical space between items** (Small/ Medium/ Large) and the **desktop column gap** (50px - 250px) between them.&#x20;

You can also adjust the **Sequence** (1 - 5) of collection items and **Variation between media sizes** (None/ Low/ Medium/ High) to create unique layouts for the section.

<figure><img src="/files/pfTo3HV3DFs7P1aZsjd3" alt=""><figcaption></figcaption></figure>

### **Animation**

You can **Enable parallax animation,** which makes the small cascade media scroll faster than the large one.

Adjust the level of parallax animation by changing the **Parallax intensity** range (%).

<figure><img src="/files/lFVeQbLOfw3YiLXCU9GB" alt=""><figcaption></figcaption></figure>

## Block settings

Select the **Collection** you want to attach and an **Image** for it. You can leave the image setting blank to use the collection's featured image.

Insert the custom content you want for the **Collection title**, or leave it blank to display the collection titl&#x65;**.**

<figure><img src="/files/QS4Y7pO7QWGggTJCuX1L" alt=""><figcaption></figcaption></figure>