First, I know there are “search” apps but I added one that was really cool but it makes my website super slow, especially with everything I have on my homepage. So I’m trying to add a custom liquid search bar, or modify my existing one…
I added search bar a month ago instead of search icon and its working, only issue how small it is. When I try modifying the search bar it is a general class resulting other “search fields” getting modify too, causing glitchy overlap.
Password01
I would like to extend the left padding out more so the bar isn’t so small.
But if I can rework the whole search bar from the ground up using custom liquid, I think that would do even better as the customization would be way more advanced.
Earlier I tried to script a custom search bar using this code: it relays to the search page, except I’m having issues bringing over the default Shopify “suggestive box” to the code:
this is the code I’m working on for the custom search box:
## Suggestions
- <mark>shirt</mark>
## Products
- Men's Elegant Polo Shirt Palmera
result of the custom liquid: (ill get rid of the old search bar, if I can fully script the new bar)
this is the code I need to copy and paste into the custom liquid:
this is what I would like to appear when a user enters in something in the custom search box
"
any thoughts? anyone have code I can use for a custom search bar? Or suggest a free/paid app?
