Hi all,
How can I keep the search engine open to type in like the attached image?
Thank you in advance.
https://brooklyngarden.myshopify.com/
PWD: bg2023bay
Topic summary
A user seeks help keeping a search engine input field persistently visible on their Shopify store, referencing an attached image example.
Solution Provided:
- A respondent created a video tutorial demonstrating the implementation on a similar theme
- Shared HTML code snippet for a search form that includes:
- A text input field with placeholder “Search” and name attribute “q”
- A submit button
- Form action pointing to “/search”
Implementation:
- The code needs to be added to the theme where the persistent search box should appear
- Since direct theme editing access wasn’t available, the solution was provided via video walkthrough and code sample
Status: Solution offered with actionable code and visual guidance; awaiting implementation confirmation from the original poster.
Hi @harukajmickey ,
Because I don’t have the right to edit your themes, I made a video showing you how to do it based on my theme. Please use the code I provided to add where you want to display the Search engine box similar to my instructions.
Video tutorial link: https://www.loom.com/share/a013ddbb566c4e8aa46788918ea9a6e3?sid=d6984e0b-838d-4113-9086-ab9757139ffe
The code I used:
<form class="search" action="/search">
<input type="text" placeholder="Search" name="q" value="{{ search.terms | escape }}" />
<input type="submit" value="Search" />
</form>
Good luck @harukajmickey !