Hi:
I want to change the search icon into a long search bar in my homepage header. Here is an example:
Does anyone have any ideas of how to do this?
Thanks!
Jonathan
2 Likes
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.
Hi @jiangxinj
If you want to change the cart icon, you can try the following:
-
Create your icon and copy the code of the icon, I recommend you do that in JPG, PNG to SVG Converter - Image to High Quality Color SVG for FREE
-
Go to Online Store → Theme → Edit code → Snippets → Add a new snippet, create “icon-search.liquid” file, then paste the code of your icon into this file.
- 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!