Need Help

Need Help

Farhaj
Shopify Partner
4 0 0

Hello, this is Farhaj from Perfume Parlour, I need a search bar instead of a search icon on my perfumeparlouruk.myshopify.com website, I am using the motion theme, also I applied the search bar by Rapid search app but it's not looking good on the mobile view, it's overlapping on many pages, right now I disabled the bar on mobile view and it's enabled on the desktop view, I am using Dofinder app for the search function and for only search bar I am using Rapid search app but wants responsive search bar both on mobile and desktop with place holder "Find your Favourite Fragrance".

Thanks 
Farhaj

Replies 5 (5)

webwondersco
Shopify Partner
1113 165 162

@Farhaj , Hope you are doing well.

 

I have checked your store. Could you please share more details on what you actually want to do with the search bar results?

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
Farhaj
Shopify Partner
4 0 0

I actually shared every detail, i don't want to show results, the search engine is doing fine with dofinder app I just want to show the search bar instead of the search icon on the header. 
I disabled the search bar from the Rapid app, check website now. 

webwondersco
Shopify Partner
1113 165 162

Okay got it.

 

do you have the knowledge of liquid code?

 

What we can do, is just keep the search form in the header. comment on the code for the icon and put the code of the search bar form in the header. 

 

Just for your reference how the input type search bar code look like:

 

<input type="search" name="search[query]" value="" autocapitalize="off" autocomplete="off" autocorrect="off" >
Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
Farhaj
Shopify Partner
4 0 0

Thanks for code, but i am not much confident to use the codes, can you do this for me?

webwondersco
Shopify Partner
1113 165 162

@Farhaj , Yes Can help with this

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram