Hey, I'm really trying to find a code for Wix that does sort and filter as you can see in the attached link
https://lab.sanoee.com/portfolio/
Does anyone know the code or know how it can be found? Really needs your help.
Thank you !!
Important forum update
This forum is migrating to one unified Wix community forum starting July 26th, and will be read-only during the process.
Wishlist Page is the official platform for requesting new features. You can vote, comment, and track the status of the requested features.
Plus, also note that the creator of the website that you linked to in your original post, they didn't create any code either as they have simply used a plugin on their Wordpress website and had to pay for it too.
jquery.themepunch.revolution.js - jQuery Plugin for Revolution Slider
https://revolution.themepunch.com/jquery/
https://revolution.themepunch.com/ - Wordpress prices
So, if you make it up yourself through your own code, then first you will have had the knowledge of how to do it yourself and you will also be able to get to the root of the problem if something goes wrong with it, instead of having to wait for somebody else to update a plugin so that it will now work.
See here for info about using it with Wix.
https://codecanyon.net/item/slider-revolution-responsive-jquery-plugin/2580848/comments?page=18
They used to do an app for Wix, but no more.
https://support.wix.com/it/article/app-di-terze-parti-revolution-slider
Your only option now is to see if you can use it through Wix package manager and see if they have a nodeJS that you can use for it.
https://support.wix.com/en/article/corvid-managing-external-code-libraries-with-the-package-manager
Or use their own API and use Wix Fetch.
https://www.themepunch.com/revsliderjquery-doc/api-methods-events/
https://support.wix.com/en/article/corvid-accessing-third-party-services-with-the-fetch-api
https://support.wix.com/en/article/corvid-calling-server-side-code-from-the-front-end-with-web-modules
https://www.wix.com/corvid/reference/wix-fetch.html
Or us HTTP functions with it.
https://www.wix.com/corvid/reference/wix-http-functions.html
Or see if you can combine it all into the one html script and add it via a html iframe.
https://support.wix.com/en/article/adding-html-code
https://support.wix.com/en/article/embedding-custom-code-to-your-site
https://support.wix.com/en/article/guidelines-and-limitations-of-the-html-code-and-embed-a-site-elements
https://stackoverflow.com/questions/49685009/how-to-run-jquery-on-wix-website
Finally, you might want to vote for this request too.
https://support.wix.com/en/article/request-using-jquery-with-wix
There are a number of examples available that demonstrate how this is done.
Otherwise, two example videos for using dropdowns instead of buttons.
https://www.youtube.com/watch?v=QhMKnm1f6EU
https://www.youtube.com/watch?v=r0DLqkRDJ34
You can try using this sample as a start.
THE ELEMENTS The Page Repeater: #repeater1 Button Elements Bike Button: #BikeButton Board Button: #BoardButton All Button: #AllButton The Database Create a database: Products (dataset1) Recommended fields: Product Name Field: product Product Description Field: description Price Field: price Product Type Field: producttype (for filtering) Then link fields to your repeater.
THE CODE Page Code import wixData from 'wix-data'; export function BikeButton_click(event, $w) { console.log("filtering bike"); $w("#dataset1").setFilter(wixData.filter().contains('producttype','Bike')); $w("#BikeButton").style.backgroundColor = "Green"; $w("#BoardButton").style.backgroundColor = "Grey"; $w("#all").style.backgroundColor = "Grey"; } export function BoardButton_click(event, $w) { console.log("filtering board"); $w("#dataset1").setFilter(wixData.filter().contains('producttype','Board')); $w("#BikeButton").style.backgroundColor = "Grey"; $w("#BoardButton").style.backgroundColor = "Green"; $w("#AllButton").style.backgroundColor = "Grey"; } export function AllButton_click(event, $w) { console.log("reset filters"); $w("#dataset1").setFilter(wixData.filter().contains('producttype','')); $w("#BikeButton").style.backgroundColor = "Grey"; $w("#BoardButton").style.backgroundColor = "Grey"; $w("#AllButton").style.backgroundColor = "Green"; }