> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/ella-documentation/collections-list-page/demo-and-settings-data.md).

# Demo & Settings Data

To set up data for Collections list Layouts, please follow below instruction:

1. Please click the [file to download](#presets-for-collections-list) the corresponding *"json"* of the layout you want.
2. Open downloaded file in the text editor.
3. **SELECT ALL** and **COPY**.
4. From your Shopify admin, go to **Themes ->** **Actions** **->** **Edit Code.**
5. Find folder **Templates** **->** Open file **list-collections.json** **->** **SELECT ALL** and **DELETE**. **PASTE** the copied preset from external file.

![](/files/ww6ivpTK7C6XjVED1liX)

## Collections List Demo

1. [Collections List Page Layout 01](https://new-ella-demo.myshopify.com/collections?_ab=0&_fd=0&_sc=1\&preview_theme_id=123127857242)
2. [Collections List Page Layout 02](https://new-ella-demo-11.myshopify.com/collections?_ab=0&_fd=0&_sc=1\&preview_theme_id=123378565171)
3. [Collections List Page Layout 03](https://new-ella-demo-11.myshopify.com/collections?_ab=0&_fd=0&_sc=1\&preview_theme_id=123378630707)
4. [Collections List Page Layout 04](https://new-ella-demo-11.myshopify.com/collections?_ab=0&_fd=0&_sc=1\&preview_theme_id=123378663475)
5. [Collections List Page Layout 05](https://new-ella-demo-11.myshopify.com/collections?_ab=0&_fd=0&_sc=1\&preview_theme_id=123378729011)

## Presets For Collections List

<table><thead><tr><th>Collections List</th><th data-type="files">Json (with .txt format)</th></tr></thead><tbody><tr><td>Layout 01<br><br><mark style="color:orange;">Note: If you want to apply this Layout 01, you need to go to <strong>Customize -> Theme settings -> Multiple layouts -> Collections list pages -> Layout: Default</strong> and update the <strong>JSON data</strong>.</mark></td><td><a href="/files/aNPkIdXf8QnITkqT5MRq">/files/aNPkIdXf8QnITkqT5MRq</a></td></tr><tr><td></td><td></td></tr><tr><td>Layout 02<br><br><mark style="color:orange;">Note: If you want to apply this Layout 02, you need to go to <strong>Customize -> Theme settings -> Multiple layouts -> Collections list pages -> Layout: List</strong> and update the <strong>JSON data</strong>.</mark></td><td><a href="/files/NwEH8QZR8tTLFlz5ppR5">/files/NwEH8QZR8tTLFlz5ppR5</a></td></tr><tr><td>Layout 03<br><br><mark style="color:orange;">Note: If you want to apply this Layout 03, you need to go to <strong>Customize -> Theme settings -> Multiple layouts -> Collections list pages -> Layout: Masonry</strong> and update the <strong>JSON data</strong>.</mark></td><td><a href="/files/oiu6T0TeSzPvI41ZOpIP">/files/oiu6T0TeSzPvI41ZOpIP</a></td></tr><tr><td>Layout 04<br><br><mark style="color:orange;">Note: If you want to apply this Layout 04, you need to go to <strong>Customize -> Theme settings -> Multiple layouts -> Collections list pages -> Layout: Grid</strong> and update the <strong>JSON data</strong>.</mark></td><td><a href="/files/LXtDEkUFlBd4xR6Ty5Pd">/files/LXtDEkUFlBd4xR6Ty5Pd</a></td></tr><tr><td>Layout 05<br><br><mark style="color:orange;">Note: If you want to apply this Layout 05, you need to go to <strong>Customize -> Theme settings -> Multiple layouts -> Collections list pages -> Layout: Full width</strong> and update the <strong>JSON data</strong>.</mark></td><td><a href="/files/AQctHO6X3BXdRxAkhjJL">/files/AQctHO6X3BXdRxAkhjJL</a></td></tr></tbody></table>