# 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.

![](https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2F7j8hvG69SzNLcZ0VzmfC%2F26.gif?alt=media\&token=09a463dc-ff9a-4d64-b5c5-22d9cf407d98)

## 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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FoV5RwwJo0gUvvuZpZmzA%2Flist-collections-1.txt?alt=media&#x26;token=e248367b-d3fd-4d46-8df2-ccacba6bea51">list-collections-1.txt</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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FzN7gW1JM0BcUIi8vX0bL%2Flist-collections-2.txt?alt=media&#x26;token=522d50de-a626-4cc5-b48a-95913374c2f3">list-collections-2.txt</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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2F74UXVNcfT0TJTNE30tvy%2Flist-collections-3.txt?alt=media&#x26;token=10716074-6292-409f-920a-c2e67121eae3">list-collections-3.txt</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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FiJZDKm0POJfkUI5KG2zo%2Flist-collections-4.txt?alt=media&#x26;token=4c14d334-e9cb-446a-af69-fa971107aaa1">list-collections-4.txt</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="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2Fq0oaFSBXMUxbTpWGFHVR%2Flist-collections-5.txt?alt=media&#x26;token=8c7b8fba-0fe8-400e-baef-61b08d83b7bf">list-collections-5.txt</a></td></tr></tbody></table>