# 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="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FJC52Sg0k4le7L0nltUyn%2Fimage.png?alt=media&#x26;token=7b37e358-b720-468c-b2d2-6260b5c7e610" 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="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FOTfgNgqhh31tRyKsFjiF%2Fimage.png?alt=media&#x26;token=e8edcb7a-e6fe-4ac7-8b59-0de42cbf5131" 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="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FHSBznqTfVgrDazioiJyI%2Fcollection-list-style-default.json?alt=media&#x26;token=a3871d9c-f501-4939-b17c-b890cb6812a6">collection-list-style-default.json</a></td></tr><tr><td>Collection List Simple</td><td><a href="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FFhetLmpNMd0NL0MoaKSc%2Fcollection-list-style-simple.json?alt=media&#x26;token=e6af6f6b-b8fa-4350-9f0b-b207ed7e116e">collection-list-style-simple.json</a></td></tr><tr><td>Collection List Magazine</td><td><a href="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FEx315q8dYG7lcduV9GH5%2Fcollection-list-style-magazine.json?alt=media&#x26;token=c8e0770b-eba7-44b8-8cc2-4dc3b595ef89">collection-list-style-magazine.json</a></td></tr></tbody></table>