> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-7-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-7-documentation/collections-list-page/install-layout.md).

# Install Layout

#### Apply Preset data for Collection List Layouts: <a href="#id-01-apply-preset-data-for-product-layouts" id="id-01-apply-preset-data-for-product-layouts"></a>

1. Please click the [file to download](#product-demo-1) the corresponding *"json"* of the layout you want.
2. Download the selected preset.
3. Open downloaded file in the text editor.
4. **SELECT ALL** and **COPY**.
5. From your Shopify admin, go to **Themes ->** **Actions** **->** **Edit Code.**

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

6. Find folder **Templates** **->** Open file **list-collections.json** **->** **SELECT ALL** and **DELETE**. **PASTE** the copied preset from the external file.

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

### Collection List Layout Demo <a href="#product-demo" id="product-demo"></a>

1. Collection List Default
2. Collection List Simple
3. Collection List Magazine

### Presets For Collection List <a href="#product-demo" id="product-demo"></a>

<table><thead><tr><th>Product Layout Demo</th><th data-type="files">list-collections.json</th></tr></thead><tbody><tr><td>Collection List Default</td><td><a href="/files/UXtXXLBSBVd2mu7JD0md">/files/UXtXXLBSBVd2mu7JD0md</a></td></tr><tr><td>Collection List Simple</td><td><a href="/files/UyRFrXUbnHoFDnAK3M6w">/files/UyRFrXUbnHoFDnAK3M6w</a></td></tr><tr><td>Collection List Magazine</td><td><a href="/files/HzzkesmRW2qB7f6l83nf">/files/HzzkesmRW2qB7f6l83nf</a></td></tr></tbody></table>