Search change

Store Design
1

Hello,

I have a search on my Website, but I want a search like that. Can anyone help me or can give me advise what I have to do

image
image1504×822 89 KB

2

which theme is your store is ? or provide the store url as custom coding will be needed for exact this kind of design. Also there are apps which can be used too

3

Hi @MS2333

I’m wondering which are case you want to implement here?

  1. When user click to search icon then a search suggestion popup will show up and layout default before they fill keyword will show as like the image attach?

  2. When user fill keywords to input of search suggestion the data result will has layout show as like the image attach?

In case 1: you can check on theme setting, you find to setting search suggestion to adjust here.
In case 2: You need to customize search suggestion code. You can refer in Shopify docs here: Predictive Search API reference

4

Hi @MS2333

Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.

Best regards,
Devcoder :laptop:

5

Hi, this can be achieved using custom Liquid and JavaScript code, but you should share more context about the issue along with your store URL as well.

8

The url is

9

Hi @MS2333

Thanks you for sharing, i checked your store and see currently the predictive Search on your theme it’s show Tabs type so to achieve layout as you want, you need customize layout by code.

This is predict Search on your theme:

image
image1938×1100 70.3 KB

And this is what you want:

image
image1274×1008 88 KB

So if you don’t familiar with code, you can request an expert to help you.
Thanks you and hope that help you to achieve what you want with your store.