How to change the search icon into a search bar in Dawn theme?

Hi:

I want to change the search icon into a long search bar in my homepage header. Here is an example:

Browse Our Selection of Memorable Jewelry Gifts | Belesmé – Belesmé - Memorable Jewelry Gifts (belesme.com)

Does anyone have any ideas of how to do this?

Thanks!

Jonathan

2 Likes

@jiangxinj

yes, please share store url so i will check and let you now

Hi @jiangxinj

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution.

Sure, it’s

endoxoslife.com

pw: Psalm_103

Sure, my website is:

endoxoslife.com

pw: Psalm_103

Hi @jiangxinj

If you want to change the cart icon, you can try the following:

  • Go to “header.liquid” file → search “#icon-search” and replace this code in all results:

by: {% render “icon-search” %}

For more details, you should watch this video: (1) How To Add Custom Search Icon in Shopify - [Dawn 7.0.0] - YouTube

I hope you find my answer helpful!