<p-hover>Filter: Part 2<p-hover>

In lesson #8, we learn how to use the Filter component. We will learn how to set up, modify and implement, dual-filters (exclusive + multi), filter by search and filter by range. Check out this tutorial's live example below. For more examples, go to CMS Library How-to.

Easily generate javascript code with the Visual Script Writer. For help with implementation, shoot us a message on Sweet JS. If you have any questions/feedback, please comment on this lesson's Youtube video.

Timestamps:
  • 00:07 - Intro
  • 01:33 - Setting up 2 Filters
  • 03:19 - Generate code with Visual Script Writer
  • 05:43 - Live Example
  • 07:35 - Adding more filters
  • 12:27 - How to Cloneable
  • 13:30 - Filter by Range
  • 14:10 - What's next?

Live Example

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Monkey

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Black
1

Gorilla

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Red
2

Elephant

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Purple
3

Cheetah

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Black
4

Hummingbird

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Red
5

Logo

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Purple
6