Always Display Search Bar in Impulse Theme

Store Design
1

My website is www.thebackyardpool.com We have a large inventory and need a prominent search bar on the home page, not just the magnifying glass. How can I do this? I added some basic code but it doesn’t have all the functions of the original search bar (like searching both pages and products, which we need). I would like it centered under the main menu ideally.

2

@backyardpool
Follow below link steps it maybe helpful for you .
https://blog.expertrec.com/how-to-customize-the-search-results-page-in-shopify/

3

@backyardpool

Can you share your code you added to the header? Then I can review it

4

This is what is currently in liquid.header for their default search bar (if I copied the correct spot; just looked for search). It seems like it would be easiest to just amend this than create a whole new one, since it already seems to have a lot of functionality, but I don’t know a lot about coding. I just want it to be more prominent and have a bar they can type in right away without having to click the magnifying glass. The code I added is at the bottom.

{{ 'general.search.submit' | t }} {{ 'general.accessibility.close_modal' | t | json }} {{ 'general.search.submit' | t }} {{ 'general.accessibility.close_modal' | t | json }}
{%- if settings.predictive_search_enabled -%}
{{ 'general.search.view_more' | t }}
{%- endif -%}

This is what I added. Super basic, just trying to get something on there until I could do it better:

5

The other thing I noticed is the search bar pop up shows pages, but when I click enter, the pages disappear and it only shows products. We want the results to shows pages as well.