How can I make a static search bar more prominent on my site?

Store Design
1

Hi,

this is my current shop: https://paceheads.com/

I want to implement a static search bar which is more actionable for my customers. A customer should see that the first and best step to find a product is to use the search bar.

A good example is Grover: https://www.grover.com/de-de

I already installed a smart search app on my test shop. So the app behind the search results are not the issue. I just want so display a big search bar on desktop, instead of a small magnifying glas. Also I want to add text in the search bar as a label like “what are you looking for?”.

This should be done with a few code adjustments but I could find anything.

Thanks in advance.

Bildschirmfoto 2022-06-01 um 18.32.46.jpg
Bildschirmfoto 2022-06-01 um 18.32.46.jpg1672×1300 171 KB

2

Hi @PaceheadsFabi ,

I have set the search bar as you have said for the header. Please follow the below steps to change the code

In your header.liquid file please find the below condition approximately the line no, 239

{%- if section.settings.logo_position == ‘top-center’ or section.settings.menu == blank -%}

Replace the whole condition till it ends with {% endif %} with the below code

{%- if section.settings.logo_position == 'top-center' or section.settings.menu == blank -%}

{%- endif -%}

Let me know if it helps you or not.

Thank you.

1 Like
3

Unfortunately changing the above code made no changes in Dawn.

4

Have a look at this article.

The tutorial above is going to mess up your predictive search