> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/concept-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/concept-documentation/other-pages/search-page.md).

# Search page

{% hint style="info" %}
**Search Page** is a page where customers can search for specific products, articles or pages. It helps them find the products, brands, features, and contents that they care about.
{% endhint %}

Visit our demo to see all available previews: [Click here](https://concept-theme.myshopify.com/search?q=a\&options%5Bprefix%5D=last).

***

## **How to set up sections for Search Page?**

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Others** from the dropdown window **->** Choose **Search.**
4. From the side menu, select **Search results**. Configure the search page in the setting on the side with the following settings.

**Filtering and sorting**

<table><thead><tr><th width="267">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Enable filtering</td><td>Select this checkbox to show/hide product filtering on the search result page. Customize <a href="https://concept-theme.myshopify.com/admin/menus">filters</a>.</td></tr><tr><td>Desktop filter layout</td><td><p>Select the filter layout on the desktop from the dropdown menu:</p><ul><li><strong>Horizontal.</strong></li><li><strong>Vertical.</strong></li><li><strong>Drawer.</strong></li></ul><p><mark style="color:red;">(</mark><em><mark style="color:red;">Drawer is the default mobile layout</mark></em><mark style="color:red;">)</mark></p></td></tr><tr><td>Enable sorting</td><td>Select this checkbox to show/hide product sorting on the search result page.</td></tr><tr><td>Sorting style</td><td><p>Select the sorting style for the block:</p><ul><li><strong>Default</strong></li><li><strong>'Sort by' text inside</strong></li><li><strong>'Sort by' text outside</strong></li></ul></td></tr><tr><td>Input option name to show swatch style</td><td>Fill in the field with the same name of filter to show swatch style.</td></tr><tr><td>Input option name to show pill style</td><td>Fill in the field with the same name of filter to show pill style.</td></tr></tbody></table>

#### **Blog card**

*<mark style="color:red;">Blog card styles also apply to page cards in search results. To change card styles update your theme settings.</mark>*

<table><thead><tr><th width="264">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Show date</td><td>Select this checkbox to show/hide date for the blog post card.</td></tr><tr><td>Show author</td><td>Select this checkbox to show/hide author for the blog post card.</td></tr><tr><td>Color scheme</td><td>Select a color scheme to set the text and background colors for the section</td></tr></tbody></table>

#### **Section padding**

<table><thead><tr><th width="263">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determines the height of the top inner space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Bottom padding</td><td>Determines the height of the bottom inner space of the section. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of 1px (pixel).</td></tr></tbody></table>