Search bar for my wix store

Discussion Ask a question
, ,
1

hello Friends,
Can anyone please help me in creating a search bar for my wix store page. So my customers could search any particular product from my wix store.
Thank you

1 Like
2

Hey
You can add a dataset to the page where you want the searchbox to be, then add a text input field and a search button. Add some box to handle the results or how you want the results to be displayed and connect the dataset to Stores / Products Data Collection. Then when they click the button just use the setFilter function on the dataset to make the search execute on the dataset.

setFilter

dataset info

Text input

Button and onClick

Box

3

Thank you Andreas
But i have done this all ready. Problem is results for filters appears very slow on my landing page.

1 Like
4

@hamidrazawasim Hey, okey but you asked “Can anyone please help me in creating a search bar for my wix store page. So my customers could search any particular product from my wix store.” and not how to make it a fast search on your page.

How many products do you have in the results? How many datasets do you have on your landing page? What is the url for the page so I can test it.

1 Like
5

@andreas-kviby i have more than 1000 products
https://www.domov.in/search-result

6

@hamidrazawasim Ok so I have tested it and the search takes around 2-3 seconds to load the results. I guess you populate the repeater first with all records (1,000) and then when you search you use the contains condition on the setFilter?

If you want the search to be a lot faster you need to code it so when you load all products you store them in a array in code. Then when you search you search in that array instead of searching in the data collection. Then moving those functions to backend modules will speed up the search quite a bit I think.

7

I @andreas-kviby thank alot
I hope your idea works, i will try to do the way you have suggested.
I’m not a coder that’s a bit problematic for me too.

8

@hamidrazawasim I am publishing an example soon, hold on

9

@andreas-kviby thank you

10

@hamidrazawasim Here you go, https://wixshow.wixanswers.com/en/article/search-faster-using-filter-function

11

@andreas-kviby bro i have followed the steps as described on that page.
in the preview page its showing few error, please help.

1349Ă—340 110 KB

12

@andreas-kviby bro please

I’m stuck there

13

@hamidrazawasim What error shows? Can’t help without seeing the errors.

14

@andreas-kviby brother after giving the input text to filter it’s not giving back any result.

15

@hamidrazawasim yes but you wrote it gives you some errors in Preview mode, what is the errors you get?

16

@andreas-kviby yeah it is showing me an erro on preview window.

17

1349Ă—340 110 KB

18

Screenshot :point_up:

19

@hamidrazawasim Those are not errors.
@andreas-kviby Great example!
Roi.

20

Perfect I am going to attempt to implement this in my store! I am not a coder so I hope it goes well lol