How to add a search box in the Shopify theme

Modified on: Mon, May 22, 2017 at 2:15 PM

1. Go to the Themes page in your Shopify admin panel and edit it as HTML.

Please follow the guide, if you have any troubles —

2. Copy the HTML code below and paste it to the theme.liquid template:

<form class="search" action="/search">
    <input type="text" placeholder="Search" name="q" value="{{ search.terms | escape }}"  />
    <input type="submit" value="Search" />

3. Don’t forget to save the changes after you add the new HTML code. As you see on the screenshot, we’ve added our search form code to the navigation header of the store.

4. Go to the storefront and check the search box. Searchanise is working well in your store now!

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.