> 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="/files/BIHp4U6953DNYv9aVhnd">/files/BIHp4U6953DNYv9aVhnd</a></td></tr><tr><td>Layout 02: Full Width - Horizontal Sidebar</td><td><a href="/files/EAVw8tqPwqy8Vjn4A8jW">/files/EAVw8tqPwqy8Vjn4A8jW</a></td></tr></tbody></table>
