Please, can anyone help me.
How do I change all Shopfy search icons to my own icons? I’ve looked everywhere and none of them work. It turns out that if I change some codes to mine, either the icon doesn’t appear or my store is completely blank.
My theme is Dawn 14.0.
Thank you very much for your attention. I hope help.
Hello @PedroPrado , To change this search icon in Dawn 14.0.0 please follow the steps below.
Edit code → sections → header.liquid → check this svg with “#icon-search” You can change it here.
Edit code → Sippets → header-search.liquid → Here that svg is called by that id “#icon-search”.
Feel free to reach out if you have any questions or need assistance.
Best Regards.
Hi @PedroPrado
You can go Online Store > Themes > Edit code, open header-search.liquid file, search “icon-search”, replace SVG code in this file with your own SVG
Hello. Thanks for responding.
When I do it this way my website is completely blank and the search icon doesn’t even appear.
Thank you for your attention. I hope for your help.
@PedroPrado , Please share the preview link.
Thanks!
Sorry, but I don’t know how to do this.
@PedroPrado See the screenshot below click on that green button and in the pop-up you will get a URL. Please share that URL.
That’s it!
thank you for the patience
https://1kxantij1nq6p11s-78296449301.shopifypreview.com
I want to put this svg there:
I don’t think it’s wrong because I managed to put it on the bag icon.
id=“namedview1”
pagecolor=“#ffffff”
bordercolor=“#000000”
borderopacity=“0.25”
inkscape:showpageshadow=“2”
inkscape:pageopacity=“0.0”
inkscape:pagecheckerboard=“0”
inkscape:deskcolor=“#d1d1d1”
inkscape:document-units=“mm”
showborder=“false”
showguides=“true”
inkscape:lockguides=“false”
inkscape:zoom=“0.08”
inkscape:cx=“3818.75”
inkscape:cy=“4143.75”
inkscape:window-width=“1920”
inkscape:window-height=“1009”
inkscape:window-x=“1358”
inkscape:window-y=“-8”
inkscape:window-maximized=“1”
inkscape:current-layer=“layer1”
inkscape:export-bgcolor=“#ffffff00” />
Hello @PedroPrado , The store looks completely fine! It’s not in a white color or blank!! See the screenshot below.
That’s because I’m back to normal. Let me do the process again, then you can take a look, please.
Look again, please.
https://1kxantij1nq6p11s-78296449301.shopifypreview.com
Hello @PedroPrado , The Problem is with your newly added SVG’s height and width which are inline attributes of the SVG, whose values equal 2000mm.
Please see the screenshots below.
Before width and height.
After removing width and height.
Please check with these changes.
If I managed to help you then, don’t forget to Like it and Mark it as a Solution!
Feel free to reach out if you have any questions or need assistance.
Best regards,
Darshan.
My God, thank you so much for your help and patience! Everything went fine!