> For the complete documentation index, see [llms.txt](https://docs.flashsearch.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flashsearch.io/getting-started/install-layout/install-to-a-theme-os-2.0-supported.md).

# Install to a theme OS 2.0 supported

Please follow the below steps to install the layout to your theme.

From **Flash search** app admin, go to **Installation** **->** click **Install Layout**

![](/files/gUl91D3DFynXIabI4vWC)

**Step 1:** Find the theme that you want to install layout, select a filter layout then scroll down to click the **Next** button.

![](/files/h3HSdcqeSWbDjkJfmvhV)

![](/files/RzKCnbrDA4KAgBTIqMFa)

**Step 2:** Enable CSS embed block and Enable Javascript embed block\
**Enable CSS embed block**: Click on the button "**Theme editor**" it will redirect you to **Shopify** -> **Customize** -> **Theme** **Settings** -> **App Embeds** tab then click the Save button on the right side.

![](/files/lYQY3PFaULKHqhw9cQUX)

![](/files/K1kt6xdbN7nZavxnx7w7)

**Enable Javascript embed block**: By go to the theme editor to enable Javascript and Save changes.

![](/files/JCEPw0uqEPXR0lbyxk6U)

![](/files/1c8R5SwmqGvmRKlMeivO)

When both of the above steps are completed, it is represented by the green checkmark. The "**Next**" button will allow being clicked to go to the next step.

\
**Step 3:** Setup Search results app block on the Collection page and Search page.

On the Collection page: Click on the button "**Theme editor**" it will redirect you to **Shopify** **->** **Customize** **->** **Collection page.**

![](/files/jmoNuzngvmm2MuW9Wrm6)

Let hide the default collection section from the theme and then add the app section to the Collection page:

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCzuOkAOl5qfbBdbB78Ru%2Fuploads%2FzEZDceMT2NJjC4s4dWVD%2FAdd_search_results.mp4?alt=media&token=1de12076-6253-40a9-add2-40d55534dca3>" %}

Repeat the above process with the **Search** page:

![](/files/mTzODJoffPGEAjtC6jZc)

Click **Done** button to finish the installation.

![](/files/lvYuzmmp0kNdu3d2ffyv)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.flashsearch.io/getting-started/install-layout/install-to-a-theme-os-2.0-supported.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.