Create Filters Using The JetSmartFilters Plugin
Vložit
- čas přidán 20. 07. 2024
- With this filter plugin, you can organize your website and let visitors find what they are searching for in just seconds instead of scrolling through the whole website. With JetSmartFilters you can create custom filters for everything in your website that contains information. Title, Category, Publish Date, Price, Tag, Mileage, Year, Last Updated, Color, Brand, Men, Women, Author, etc. In the first few minutes, I show you what we will cover in this tutorial.
JetSmartFilters is a Wordpress plugin from Crocoblock that enables you to create custom filters on your website. It works in combination with Elementor and Gutenberg from Wordpress.
Overview With Timestamps:
00:00 Intro
00:16 What Can You Do With JetSmartFilters
02:42 What You Will Learn In This Tutorial
06:15 Get JetSmart Filters
08:24 Install JetSmart Filters
08:52 Activate The License
09:20 Smart Filter Settings
09:58 Create a Sorting Filter
22:32 Create a Model Hierarchy Filter
29:58 Create a Checkbox Filter in JetEngine + Elementor
33:46 Create a Custom Fields Filter
56:28 Index All Filters With Counters
01:00:51 Create A Visual Color Filter
01:10:20 Create A Visual Image Filter
01:15:52 Create A Search Filter
01:22:29 Create A Filter On The Homepage
01:34:40 Style the Homepage Even Further - Jak na to + styl
Love your tutorials Ferdy. You are the best!
Love your Tutorials! Can't wait for Jet Engine and Jet Blog!
Congratulations with the 200K! Amazing! And deserved! :-D
SO amazing what Jet filters and Crocoblock has created and fantastic video highlight of all Ferdy!
Thank you Web Stylist 😊
Wow! Love your tutorials! Please can you make a full tutorial on video editing? I'll love to know how to edit videos like yours.
Awesome tutorial Ferdy your videos are excellent.
Awesome tutorials. I'm wondering how to create a post-filter by statuses like pending, published, and future?
Awesome video! I always follow your tutorial. ❤❤
Thank you that's what i was looking for
Amasing tutorial. Thank you very much.
Your tutorials arw always the best! Are you planning on to make a job board tutorial?
I´m learning Woo with some of your tuts here. Thank u so much for them
Thank you so much Ferdy 😍😍
Thanks so much for your hard work!!!
Great tutorial! Thanks! Is there a way to add "showing results", "results per page" and "view-layout:grid/list" beside sorting filter?
Awesome video! How do you organise your makes and models? I can't find it on the video. Thanks again!
Hi, Great video as always, I have a question, How to show states based on country selection and how to show cities based on states selection.
Thank you very much.
Love your work Ferdy, Aussie king moo
Hi, thx for the tutorial. One question: Do i need the jetengine plugin as well in order to use the smartfilter plugin?
I use the ACF Plugin for my custom fields and the Custom Post Types UI Plugin for my Custom Post Types and i have some troubles with the filters of jet smart filters .. thank xou for yout answer.
Best regards from Austria
It feels like I'm so close to making this work but... Here's my use case: I have a page with a Listing that's only showing Titles from a custom post type. That's working fine. And, I have a checkbox to search that listing with a number of custom taxonomies. That's also working fine (once Query ID was sorted).
What I now want is to hide this Listing until a checkbox search is chosen - then it shows the search results. I seems like Dynamic Visibility > "Query has Items" or "Is Search Results" or ??? should make this happen. But I haven't yet found the MAGIC!? Any ideas?
Love your video ❤
excellent! I was able to created Hierarchical filter for dealer list based and state and city, client does need to show dealers without selecting the state and city filter. Any idea how to create.
Awesome 🔥
So I've been trying to have the hierarchical filter (select) on an archive page and the homepage. It works well on the archive page (with just the selects, no button) but not from the homepage. I tried to add a button but I don't have the "apply redirect" option you show on the video... what did I miss???
How to show the price range dynamically based on product prices in a specific product category? I would like to show the range filter on a specific product category page...but it alway shows me the price range of all products...
Hello, I am facing an issue with AJAX, where it is only working the first time when i make the value change. After that it just stays static.
Hi Ferdy, great video thank you so much. I have a question, can you possibly search and select a tag with that, and then punch enter and not having to click the apply filter button
Hi guys ... do you know if it's possible to use "switchers" for filtering ? I've been trying to use them to filter but it has been impossible for me. It works with radio or checkboxes that's why I ask this .. many thanks
You did not mention the JetEngine requirement before applying the filter. So I am lost. Do I have to first create a custom post type when I already have a products with variations running well?
Hi Ferdy, I am one of your students learning web design from your free youtube courses. I have been doing well so far and established a freelancing career. I would like to talk to you for a few minutes, please. If possible reply to this comment. Thanks
Can you make a video on how to create a woocomerce shop page, it uses Crocoblock's Jet filter? Thank you very much , I am looking forward to your video !
Hi Ferdy, thanks for sharing, Is jet engine a must?
Ive looked and looked and theirs no tutorials for this!
Please make a video on how to add a filter to different product pages with just those products and queries with out having it show all the product in database.
Example ( Womens shirts + filter red = women's shirt red)
Thanks a lot
When you click in the products is it dynamic? Each category page have to show different filter. Like Sedan, Coupe, Sport ca ect. I mean each page have to show induvidual filter,
how jet smart filter arquive yearly. show a input/select year, on click filter from posts date.
Is it possible to put filters in a load more button so if you click on load more you see extra filters ?
Hi Ferdy, You are a great ...
I have a question for you. Is it possible to create a popup with the filters created? Because I created it but there is a problem when I apply a filter the popun does not close automatically, instead if I enter the apply filter button it makes me apply only one and then it gives me an error. Could you help me I'm really desperate.
I await a hug from Italy for an answer
Hi Ferdy... is it possible to filter by post types?... i mean, i have 3 post types (doctors, clinics, laboratories) and i want a select/checkbox/radio, so when the user check or select post type "doctors", display doctor listings... same with clinics and laboratories... thanks in advance!
Hey Ferdy, is there any possibility to connect the crocoblock apointment system with google calendar. I would like all my services to be entered into my google calendar. Greets!
Hi there,
Can I use JetSmartFilters with other tables that are not belong to the WP?
For exemple: my website in WP need to consume tables who are fed from another system, that has especific tables in the same DB that Wordpress is installed.
Did I make myself understood?
Thank you.
Nice, does this plugin works with the free version elementor?
hi, how add state and city filter. and other Hierarchical filter. i need to do
Hello, do you know how can i have the product filter on top in mobile version?
but for custom content type not working just show checkbox value and when i click on checkbox did not anything
How do I make a button like that "results" button where it takes you to a different page with the results?
how to implement on the mobile version?
I want to we have to build a theme builder from crook for this filter. Im trying this filter into pages directly where all custom post are displaying . please help
Is there a way that I can connect this to an API... where the list can come from an API without me adding it?
what I don't understand with all videos of jet smart filter there is a good filter, but I only have jet smart filter but that filter does not work on my website and when I follow other videos everyone has jet egine or something else so I have to do that too to have
H is there any good solution for mobile? I ve only found an ajax filter for woocommerce (YITH) that regoups all filtered categories in a sidebar. Is the one for a elementor blog page? THX
Date range search not working except I enable store date as time stamp in jetegine custom post. How do I get custom post date not to display as time stamp in website frontend?
Do you need more Plugins to filter only based on tags from cpts or is this smart filter by crocoblock enough?
Hey Rick, this plugin is enough 😊
U r genius..
Fredy all your tutorials are awesome but this plugin is far too expensive for me.
Can a filter be crated even if I’m not using WooCommerce? At 11:00 you show choosing the query from a list of WooCommerce codes but I’m only using CPT and ACF.
Hey Ana, yes, you can make filters out of sny post type and taxonomy.
is filters only for products being sold. what about filtering different types of knowledge based pages? my website has over 300 educational pages.
Hi, I want to setup jet smart filters in a way that it gets the filter values from one custom post's field & search that value in another custom post.
How can i do that?
@Shahnewaj Islam Tamil nope
Tell us about mobile adaptation ) It seens not well in mobile version ((
im already lost in the beginning. The indexer ads option is not available and when you fill in the numeric metakey you have all these customfields (metafields)which i don't have :S
That's because he created that Post Type and Taxonomies with JetEngine first.
Thank you for the video. it was very usefull. i would love to see a video useing jetfilters with jetwoobuilder.
you are hero men you saved me 😘😘
Thanks Aly 😊
HI it's possible to add them to woo card ?
Please make video on Custom Content type using jet engine 🙏🙏
Is possible to hide child (level 2 and 3) hierarchical select fields before parent (upper level) choice? (Hide "Make" and "Model" select field before "Type of transport" choice?) I did hide function in "JavaScript" but I couldn't join in JetSmartFilters and JetEngine. I can pay for solution. thanks, everyone!
Please sir, I wanted on my WordPress real estate website, a tenants page to carry info such as apartment occupied, address of property occupied, rent due, rent paid, outstanding if any, signed contract, and a space where they can receive and also send documents such as proof of payment, tenancy agreement, receipts, e.t.c. So as to reduce physical interactions and paperwork but online interactions and soft work. Please I need your help sir
Hoi Ferdy, Ik heb twee vraagjes over de JetSmart plugin. Ik bouw een webshop met Divi en gebruik hiervoor dynamische categoriepagina's in de Divi Builder. Ik heb het nu zo ingericht dat alle filterbare product attributen in de sidebar staan, deze worden dynamisch ingeladen zodat alleen de filters van toepassing weergegeven worden op de categoriepagina. Werkt dat ook zo bij JetSmart? En kan het JetSmart filter voor mobiele pagina's achter een knop of fold functie geplaatst worden? Hopelijk kun je deze vragen beantwoorden, dat heb ik nodig voor ik de plugin ga aanschaffen. Groet, Leon
Kan allemaal. Om de filters in een accordion te plaatsen zul je alleen JetTabs moeten gebruiken en een template er voor maken in Elementor.
I have too many child categories, what I could do ?
The search filter is not working for the meta box value. like if a user search "3 bath". it's showing "No data found" any solutions my dear friend? It's just working for post title...
@Ferdy Korpershoek please help.
Hey, Were you able to make it work? I am trying to use the filter with meta field as in the example, but the checkbox options do not load at all. I tried it in tow different installations of WP and it doesn't work. It only works using Categories or Taxonomy, but from the meta field of the custom post. I will appreciate any help or documentation. Thanks!
@@mkktgaming3707 hey! did you manage to make the search bar work for Custom Terms on CPT? I cant make it work
@@erik-endor I have been working with smart filters. I don't remember exactly what I was having issues with. Maybe I can help you.
Can I use this plugin on Divi?
No you can't unfortunately.
the link is not working
have you colored your hair dark?
I did not color it at all. I used to color it blonde 😊
@@ferdykorpershoek you look nice any way
Mobile?
movie website with jet engine
What about mobile?
It works on a mobile 😊
@@ferdykorpershoek I know it works but it looks ugly on mobile. For mobile I had to find a different solution. I am trying to use a pop-up with filters for making it work, works fine but I need to find out a way to close the pop up after filtering.
A tutorial about this would be really useful. Thanks!
Hello, I need help with something. I have checkbox values on the filtering page. I want some checkbox values to be preselected when the page opens. How can I do this from which setting?