•
Hi there ⚡
In this tutorial, I have shared the process to displaying your search or filter results on another page using WIX Storage API.
FIRST STEPS
Setup your filter elements on your Home page or any page you want
Setup your filter elements on your Search results page
HOME PAGE STEPS
Add code to save the user inputs and redirect them to the search results page
SEARCH RESULTS PAGE STEPS
Add code to retrieve the saved user inputs and display them on the appropriate element from the session storage
Add code to auto-filter your dataset with the saved data in your session storage when the page load
These are basically the steps REQUIRED.
What is WIX Storage?
The wix-storage module contains functionality for the persistent storage of key/value data in the site visitor's browser.
Local: Data in local storage never expires, even if the site visitor closes your page. When the visitor reopens the page later, the data can still be retrieved. You can store up to 50kb of data in local storage.
Session: Data in session storage is available while the site visitor's web session is active. The session ends when the visitor closes the browser tab or window. When the session ends, all the data in session storage is lost. Reloading or restoring the page does not affect session storage data. You can store up to 50kb of data in session storage.
Memory: Data in memory storage is available as long the site visitor does not refresh or close the page. Reloading or restoring the page clears the memory storage data. You can store up to 1mb of data in memory storage.
WATCH VIDEO 📺 - https://youtu.be/g-EtsaNdUBk
COPY LINK BELOW 👇🏽
Code
Leave a comment (0)
Thanks for leaving a comment🎉
kaan
Jun 4, 2023
wishlist and rating system
hello sir I try today 2 hours but not working if you want I pay money can you do this 2 ( wishlist and rating star) system please I send to you invaid
Reply
Admin
Waqas
Apr 16, 2023
Triggered Email Backend
Hi mate please can you send email by backend
Reply
Walter Odibi
Admin
Hi Waqas, there isn't a backend code for this tutorial. The emails will be sent from the client-side.
Ghan
Dec 29, 2022
Great Tutorial
Hi !
First of all, I want to thank you for your great tutorials, they helped us a lot with the coding.
But I still need your help, if you don't mind. I have based on Save Calculated Field using Wix Data Hooks Codes, to code my form . but the problem is I don't know why the code only reads the computation for "week2" computation and not the "weeks"
here is the code
I also did a separate column in the dataset where the chosen datas for both fields will be placed.
$w.onReady (() => {
$w("#Person").onChange(() => {
$w("#weeks").onChange(() => {
$w("#week2").onChange(() => {
let person = Number($w("#Person").value);
let weeks = Number($w("#weeks").value);
let week2 = Number($w("#week2").value);
$w("#totalLabel").show();
$w("#totalLabel").text = `"${String(weeks * Number(person))}페소"`; //DESIGN YOUR MESSAGE
$w("#totalLabel").text = `"${String(week2 * Number(person))}페소"`; //DESIGN YOUR MESSAGE
});
});
});
});
Reply
Walter Odibi
Admin
Hi there, thanks for your comment. I see why this is a problem. The onChange() function seems wrong in combination.
To combine onChangeFunctions use this method
$w("#Person, #weeks, #weeks2").onChange(() => {
//code here
});
Walter
Aug 8, 2022
More Details? Watch video
Hi, you can click here to watch the video https://www.youtube.com/watch?v=9bx7-nBeZ5c
Reply
Walter Odibi
Admin
Walter
Jul 11, 2022
For you
📺 WATCH THE VIDEO https://www.youtube.com/watch?v=AgPJEU8wpp0
Reply
Walter Odibi
Admin
Walter Odibi
Apr 18, 2022
Awesome Feature
This tutorial shows you how to display views on your Wix repeater.
📺WATCH VIDEO HERE https://www.youtube.com/watch?v=Iz7SdaCSdXg
Reply
Walter Odibi
Admin
Walter Odibi
Apr 18, 2022
Amazing tutorial
This amazing tutorial will show you how to a comment section to your WIX dynamic page.
📺WATCH VIDEO HERE https://www.youtube.com/watch?v=f8-vJQFNZ_c
Reply
Walter Odibi
Admin
Walter Odibi
Apr 10, 2022
Great Feature🎉
This amazing tutorial will show you how to add a visitor view counter to your WIX dynamic page.
🚩MORE TUTORIALS https://www.wixgenius.com/wix-tutorials
Reply
Walter Odibi
Admin
RELATED TUTORIALS 🚀
Filter Wix Repeater with Dataset