Search Button Customization & Styling

Ignacio_Duran
Excursionist
18 0 5

I'm using the Classic Theme and need a "large search button" similar to "Amazon on our homepage. We have one on our search page but need an expert to style it on our homepage.  Our website is at www.laluzprinting.com for review.

Can you help me out?

0 Likes
Ignacio_Duran
Excursionist
18 0 5

Found a solution...just add this below where you want to show a search bar.

{% include 'search-bar' %}

Does anybody know how to update the text inside? Currently it reads "Search Our Store".

I would ike to have it read "I'm Looking For..." like the Shopify Discussion Search Button.

0 Likes
Lixon_Louis
Shopify Partner
1181 35 239

Update the placeholder attribute.  

<input type="search" name="q" value="{{ search.terms | escape }}" placeholder="I'm looking for" class="input-group-field" aria-label="{{ 'general.search.placeholder' | t }}">

Get help at lixon@ecommercestudio.in
0 Likes
Lixon_Louis
Shopify Partner
1181 35 239

Usually it's line 28 in search-bar.liquid

Get help at lixon@ecommercestudio.in
0 Likes
Ignacio_Duran
Excursionist
18 0 5

Thank you, Lixon!

0 Likes
Lixon_Louis
Shopify Partner
1181 35 239

If you hate waiting on forums. you can always inbox me lixon@ecommercestudio.in

Get help at lixon@ecommercestudio.in
0 Likes