> 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/collection-page/install-layout.md).

# Install Layout

#### Apply Preset data for Collection 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&amp;token=7b37e358-b720-468c-b2d2-6260b5c7e610" alt=""><figcaption></figcaption></figure>

6. Find folder **Templates** **->** Open file **collection.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%2F4UF30WylQu5YVCr526Cz%2Fimage.png?alt=media&amp;token=2fff30cb-436d-4473-8f02-74d03295b13c" alt=""><figcaption></figcaption></figure>

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

1. Collection Left Sidebar
2. Collection Right Sidebar
3. Collection With Banners Adv
4. Collection Full Width
5. Collection Full Width 2

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

<table><thead><tr><th>Product Layout Demo</th><th data-type="files">collection.json</th></tr></thead><tbody><tr><td>Collection Left Sidebar</td><td><a href="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FzOFTn4lloOJZ2jnd6Ve3%2Fcollection.collection-left-sidebar.json?alt=media&amp;token=57814f9a-1971-46f3-9eb7-ea94841108f7">collection.collection-left-sidebar.json</a></td></tr><tr><td>Collection Right Sidebar</td><td><a href="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FcNmfCKzfcuv1tN2LgtZe%2Fcollection.collection-right-sidebar.json?alt=media&amp;token=36575c59-5fb3-4c85-b2dd-35082575b517">collection.collection-right-sidebar.json</a></td></tr><tr><td>Collection With Banners Adv</td><td><a href="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FvUqbKvpwXFvGIi53bfnS%2Fcollection.collection-banner-adv.json?alt=media&amp;token=f9e7927b-9702-452f-8cd1-340e8f5f87cc">collection.collection-banner-adv.json</a></td></tr><tr><td>Collection Full Width</td><td><a href="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FMfSsDVUMiDBwYsxBqq4m%2Fcollection.collection-full-width.json?alt=media&amp;token=4f17606d-d32f-40c1-845f-cc2ecfff56a9">collection.collection-full-width.json</a></td></tr><tr><td>Collection Full Width 2</td><td><a href="https://3432241786-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAgyEGjimJ0Z5PS9XDyAH%2Fuploads%2FfqthZIOwANPvLc6ZBppR%2Fcollection.collection-full-width-2.json?alt=media&amp;token=54ba35b9-8ca8-4433-8bb8-3f877c61c47f">collection.collection-full-width-2.json</a></td></tr></tbody></table>