Hyperlink to dynamic page filter

Ask the community
,
21

Change “courage” to “Searchword” in line 13 on your result page.

It’s important, that it’s written the same way as in line 33 on your homepage.

Imagine, you need 2 same words. The homepage gives you the word “Searchword” and the resultpage takes the word “courage”.

I’m pretty sure it should work after this change.

22

Nop. Still not working… I’ll test again later when the site is online.

23

send me your code please

24

@nickoertel Thanks for helping me.

If it takes you too much time, don’t hesitate to tell me and I’ll try this option later, no worries. I’m not in a hurry.

Which code do you need ? This ?

Homepage (the whole code on this page. Not only the one for the filter)

// For full API documentation, including code examples, visit https://wix.to/94BuAAs

$w.onReady(function () {
 // TODO: write your page related code here...

});

export function collectionbutton1_mouseIn(event) {
    $w("#megaMenu1").show();
}

export function megaMenu1_mouseOut(event) {
    $w("#megaMenu1").hide();
}

export function collectionbutton2_mouseIn(event) {
    $w("#megaMenu2").show();
}

export function megaMenu2_mouseOut(event) {
    $w("#megaMenu2").hide();
}

import { session } from 'wix-storage';
import wixLocation from 'wix-location';

export function button3_click(event) {
    session.clear();
    $w("#textInput").value === "courage";
 
 let value = $w("#textInput").value;

    session.setItem("SearchWord", value);
wixLocation.to(`/sarabande`);
}

Result page

// Pour une documentation complète sur API, incluant des exemples de code, allez sur http://wix.to/94BuAAs

$w.onReady(function () {
 // TODO: write your page related code here...

});

import wixData from 'wix-data';
import { session } from 'wix-storage';

$w.onReady(function () {

 var sameWord = session.getItem("SearchWord");

    $w("#textInput").value = sameWord;
 
    session.clear();
 
let filter = wixData.filter(); 

if ($w("#textInput").value === "courage") {
filter = filter
     .contains('themes', $w("#textInput").value)
     }
    $w('#dataset1').setFilter(filter)
})
25

@costino80 ok, I tested this code on my page:

On homepage change it to:

$w("#input1").value = "courage";

And yeah, that was it. At my page it works.

26

Ok I’ll try that later tonight but will it work ?

#textInput is the id of my box.

#input1 isn‘t anything on my page. So why use this ?
Or maybe I miss something ?
I will let you know.
Thanks for your help :wink:

27

My box id is #input1, when your box id is #textInput, then use #textInput.
You have to adjust the code to your page, I dont know all your ids there.

28

@nickoertel It works !! Thanks Nick !

If I want let say 10 different filters, do I need to copy / paste the whole same code 10 times and adjust it ? I assume there is a way to add just a few new lines with the new filters.

And how can I hide the text box I created for “courage” ?

Many thanks !

29

Check all checkboxes in properties from your textbox

To add another Button:

Change the bold and red marked fields.

Homepage:

  1. Add a onClick event to the button you want to use.
  2. Set another value for textInput
export function AnotherButton_click(event) {
    session.clear();
    $w("#textInput").value === "newValue";
 
 let value = $w("#textInput").value;

    session.setItem("SearchWord", value);
wixLocation.to(`/sarabande`);
}

Page:

w.onReady(function () {

 var sameWord = session.getItem("SearchWord");

    $w("#textInput").value = sameWord;
 
    session.clear();
 
let filter = wixData.filter(); 

if ($w("#textInput").value === "courage") {
filter = filter
     .contains('themes', $w("#textInput").value)
     }
    $w('#dataset1').setFilter(filter)
})

//add this line to your code
if ($w("#textInput").value === "newValue") {
filter = filter
     .contains('newFieldKey', $w("#textInput").value)
     }
    $w('#dataset1').setFilter(filter)
})

If it works, mark me as best answer please :smiley:

30

I just did it :wink: It works thanks so much !!
I begin to understand the logic of your code :wink:

Dummy question : How can I make your answer the best answer ? I don’t have any option for that haha :stuck_out_tongue:

728×323 63 KB

31

When you go with the mouse over my post, next to “Reply”:

716×454 48.8 KB

Please mark my post, where I sent you the code, that other user can find the post faster:

702×820 75.6 KB

32

Ok thanks. I “liked” your answer but there is NO option to mark it as best answer. There is only “reply” and “like”… I looked everywhere…:S

33

ok, thats weird. Maybe it was, because you tried it on a reply I wrote and not on a post.
But if it doesn’t matter, if it’s not working. Then they have to search a little bit :slight_smile: