> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/bonnita-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/bonnita-documentation/collections-page/demo-and-settings-data.md).

# Demo & Settings Data

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

1. Please click the [file to download](#presets-for-collection) 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 **collection.json** **->** **SELECT ALL** and **DELETE**. **PASTE** the copied preset from the external file.

{% embed url="<https://www.youtube.com/embed/wouWTawtilc>" %}

## Collection Demo

1. [Collection Page Layout 01](https://bonnita-theme.myshopify.com/collections/make-up) - Left Sidebar
2. [Collection Page Layout 02](https://bonnita-theme.myshopify.com/collections/new-in) - Horizontal Sidebar

## Presets For Collection

<table><thead><tr><th>Collection</th><th data-type="files">Json (with .txt format)</th></tr></thead><tbody><tr><td>Layout 01: Left Sidebar</td><td><a href="https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2Fi0NFRDxzwalNPZYygsFR%2Fcollection-left-sidebar.txt?alt=media&amp;token=b25ee95a-91fe-484e-9372-5bedebe02a6a">collection-left-sidebar.txt</a></td></tr><tr><td>Layout 02: Full Width - Horizontal Sidebar</td><td><a href="https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2FRHgOKULCvIyvqjdO13ky%2Fcollection-horizontal-sidebar.txt?alt=media&amp;token=024f3c46-3e7d-4837-b93d-f9227e524c3d">collection-horizontal-sidebar.txt</a></td></tr></tbody></table>