How to add filters with JetSmartFilters from Crocoblock - Elementor Pro

Подписаться 215 тыс.

Просмотров 121 тыс.

50% 1

In this Elementor Pro video, we will use Jet Smart Filters from Crocoblock for the real estate website to display posts from a custom post type and filter them in a side panel on the left. And this all by not even using 1 line of code.
The Links page: livingwithpixels.com/links/
Get JetSmartFilters on Crocoblock's website: livingwithpixels.com/crocoblock
Video Playlist for the Dynamic series: livingwithpixels.com/playlist...
Want to see the end result? Click here: realestate.livingwithpixels.co...
Want to join the Facebook group: / 4217712578271096
→ Software I recommend
Hostinger for affordable webhosting: livingwithpixels.com/hostinger
Siteground for premium webhosting: livingwithpixels.com/siteground
Elementor for no-code web-development: livingwithpixels.com/elementor
Figma for Web Design: livingwithpixels.com/figma
All recommended software & discounts: livingwithpixels.com/software/
→ Full A-Z Courses
Elementor Pro Mastery Course: livingwithpixels.com/elemento...
Figma Design Mastery Course: livingwithpixels.com/design-c...
Business Course: livingwithpixels.com/business...
→ Starter Guides for Beginners
Elementor Starters Guide: livingwithpixels.com/elemento...
Figma Design Starters Guide: livingwithpixels.com/design-g...
→ My Social Media
Tiktok: / rinodeboer
Instagram: / rinodeboer
Twitter / X: / rinodeboer
Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.

Хобби

Опубликовано:

15 июн 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 187

@craigalperowitz8207 Год назад

Just wanted to thank you for this incredible video and step by step instructions on how to do many of the things that Crocoblock is capable of doing. Just terrific.

@na2s29 2 года назад

This tutorial is purely gold. Thanks Rino.

@user-wu8lf4mx1b 8 месяцев назад

The tutorial was very good, it increased my knowledge in this work. I hope to see more videos from you on working with Jet Engine and Jet Plugins. Finally, thank you for sharing your knowledge with us.

@kameronyoung781 2 года назад

Thanks so much for these videos! I love your tutorials, can't wait for the course!

@veronica.valencia Год назад

Thank you soooo much for this amazing video! Love the way you explain, love the cleanness of the video, super easy to understand!!! THANK YOU!. 2:56 - Price Type Filter 4:27 - Price Filter 6:34 - Property Filter (checkboxes) 8:20 - Location Filter 9:18 - Creating the archive template 11:31 - Adding filters to the archive page. 14:44 - When publishing... 16:00 - posts max. 16:58 - Remove Filters / Active tags 18:27 Style it! 20:10 - Link to the main archive page 24:08 - update the "properties" page (specific page in the menu) 25:45 - Custome Filter Bar 30:21 - Blue background customized 30:38 Jet Tricks -Sticky filter section

@kostas010908 3 года назад

My favourite notifications!!! Dropping a like and comment to support you and saving the video to view later in the day.

@H0lyT0ast3r 2 месяца назад

Love it. Works very well with Elementor and its Loop Items.

@peppermusic2479 3 года назад

Congratulations one more time! Excellent explanation and teaching. Hug here from Brazil!

@omerta3393 3 года назад

Great video Rino. Thank You I learned a lot. Let's create a frontend dashboard for people to put their properties and we as admin just approve them!

@ahmedsalah9494 Год назад

Thank you Rino for this amazing tutorial.

@kelyngonzalez Год назад

You're the best! ❤ Thank you for share your knowledge and be so inspiring!

@Near902 2 года назад

You are the best Rino ;) Big up from Italy

@johnravi3887 2 года назад

Hi Rino, It was a great video! I have been thinking about adding filters to my sister’s websites as well. I think filters add certain accessibility to the website and web page, and it is better for customers as well. Thanks a lot for sharing this tutorial, it was such a great watch. I will definitely be implementing your process and adding some filters to the website, and I really hope I can do a decent job with your help.

@ashikmahmud4076 3 года назад

Advance congratulations for 100k family.

@moonboy7280 3 года назад

Thank you, Great Video as always. One thing Crocoblock need to improved is smartfilter speed, if for example you 2000+ lists, it's slow when you filtered also, they should add like a spinner when filtering.

@goeschlberger 2 года назад

this video helped me so much to understand this issue, thanks Rino

@miguelitosolis1999xd 2 года назад

Cool stuff man, I came to learn about the filters and learned about jet tricks and jet tab!! Super cool content !!

@troels4554 2 года назад

Again you deliver - like always! 💪

@adisaayobami7312 3 года назад

If it's a Living With Pixels Video, I like it even before watching, because i know its great content.... 100k Subscribers this week.. I said it first

@anthonyespino7214 3 года назад

Gracias por todas las enseñanzas que nos brindas. Saludos!!!

@mariberceritah8925 2 года назад

Very helpful, with this information in my work Greetings from Indonesia

@sudebkarmokar Год назад

I am from bangladesh.I think this is a masterpice viedo.Love you brother

@manuelcarrasco1683 Год назад

just PERFECT!!! nice voice and super nice guy

@egemenedursun Месяц назад

I spend more than 4 hrs to understand with all ways from different sources include croco videos or from a ceo.. this is amazing simply explain ever. and I finish my project in 20minute.. thank you so much.

@kamaralamkhan 3 дня назад

please help me it's been a lot of time but i am not able to figure out

@egemenedursun 2 дня назад

@@kamaralamkhan maybe everyone spend more time. Than after watch this at least :)

@idomarom12 2 года назад

Great content. Thank you Rino.

@quin.te.ba.64 4 месяца назад

Thanks, very helpful !

@fifty095 3 года назад

Nice video again ! thx Rino !

@muhammadkhan3345 Год назад

You are the king men 👑

@launebaer86 3 года назад

I really love your stuff and I learned a lot. But I think I have to rewatch this video to understand it completely. :) Everything with the Archive was a bit confusing for me, but you did a great job with your video as always Rino!

@rinodeboer 3 года назад

Make sure to watch the first videos in the playlist, because this is certainly not a video for beginners. I hope that will answer some of your questions!

@launebaer86 3 года назад

@@rinodeboer I actually watched them all but maybe it is just too long ago. I certainly will watch them all again soon and give it a try in a Test Environment! ;)

@flyhighquality2058 3 года назад

Probeerde je naar de 100k te krijgen, helaas niet gelukt toen ik subscribe drukte :) Succes Rino, je maakt fijna videos. Als je er nog meer van crocoblock wilt maken, zou super zijn.

@davidwalls2304 3 года назад

Rino, thank you for this filters overview and how to style the overall section/intersection.

@shatrughankumar4322 2 года назад

20:19 How to change/update Link of post, listing in Jet Engine. Thank you for sharing this tips

@leynad1dany 3 года назад

Waited 2 months for this video! Please show the mobile version too. Most of the traffic nowadays is from the mobile. Thank you for your work!

@WoodIQUtilajeCNC 3 года назад

haha. true

@thomb4227 3 года назад

I want to know this aswell. I want to have a button on the mobile version of my site like 'apply/show filters'. After clicking the button a sideways filtermenu pops up! Does someone know to implement this with crocoblocks filters?

@robbob2861 Год назад

Nice video, but as others in comments why there isn't any mobile tutorial? These days people use more mobile devices then computers. I got stuck on mobile view and I'm thinking now how to get this done right way. Rino, you as a designer I'm pretty sure you have prepared mobile versions for your clients as well, hopefully you can show it sometime how you handle filters, product loop per page, different pagination on mobile devices and computers.

@laurabarriuso1013 Год назад

Hey, love your tutorial! Why you haven't doing more Crocoblock tutorial?

@leonardomedina613 2 месяца назад

Hi there! really nice tutorial. I have a question. How do make that filter column responsive?

@PokemonGo-re7ue Год назад

rino you need to make more of these vids using crocoblock plugins please

@betsypetrovic5679 Год назад

I love your tutorial videos. I have a site where I've implemented JetSmart Filters to filter my elementor posts. However, there are some times where the selections have no results. Do you have a tutorial on how to add a no results section where no posts apply to the filters?

@ivanzelenika832 2 года назад

Great Video - can you show how this design works on mobile view? What is the best way to make listing-filter useful on mobile?

@writegoodcode3923 3 года назад

Great stuff as usual. Wish this video was available 2 months ago. Now I'm trying to figure out how to style disabled item labels, next to the check boxes. Can't seem to change the color intensity or color of disabled item labels. Any help would be appreciated! ***FYI: selector .jet-filter-row-disable{ opacity: 0.3; }***

@stevenramos4639 2 года назад

Very good video, Is there a way to load the filter in a PopUp and when selecting the filter it closes automatically and shows the results of the filter

@dariorotafoto9918 8 месяцев назад

Hello! First of all thanks for your great videos. I am studying on the jet smart filters series. I wonder if you ever tryed to create different filters for different categories of products, so that if I am in the categ 1 I see the filters for categ one, if I am in the categ 2 I anly see the filters for categ 2 and so on. Thanks! D

@hitomis7482 3 года назад

Hi Rino. Thank you for this very useful video!! by the way, I have a question about Active Tag Widget. I tried to add a Tag widget to the filter section, but it didn't show any letters while the Active filter worked properly. Do you know how to fix this problem?

@HappyHappy_1314 9 месяцев назад

Thanks a lot for excellent video, for my case, as I would need the filter occur in “users” page instead of post like properties. Data source will be taxonomy. wondering if the settings are the same? May I know if also need create archive template for “users” as mine might not involve custom post type. Support you always🎉

@lbagheri19 2 года назад

Hey can you make a video on how to make dynamic location filters. e.g. you sumbit your postcode into the website when registering and then you see posts by those within a 10 mile radius of your postcode only and you can filter by e.g. choosing to show posts within 50 miles.

@BneiAnusim 3 года назад

Not sure but I think there is an option in CB to get the cards to be the same hight. 😉

@kaylajane9453 Месяц назад

Thank you so much for this video I'm finding it very helpful. By any chance do you know if there's a way to mass import from a CSV or with Zapier? Thank you!

@mohammadshafeeq3471 Год назад

Can you do a video of litespeed cache best settings

@calmc5880 2 года назад

Great video, any idea how speed up the AJAX filters? I have 240 listings and when I click multiple filters it takes over 10s to load or sometimes doesn't when you select like 6 filters at once. Cheers.

@jacktorrence88 2 года назад

Hi and thanks for your tutorials, they are helping me a lot! However, I have a question: nobody on RU-vid talks about the mobile part! How to fix the UI and UX of filters on mobile?

@qaryatalhikayat1536 2 года назад

did you figure out how to do it on mobile?

@ehtishamsaeed9958 2 года назад

Hi Rino! Thank You I learned a lot from this video but i am stuck in one thing that how do i connect a form on request a visit button.

@jeremymurphy7475 3 года назад

Great videos!.......... Question..... With JetEngine post type + meta (number) --> I can not get a thousands separator to show? Please assist if you can...

@SrPunisher 2 года назад

Hi @LivingWithPixels thanks for content. Anyway to 'scroll to top' after the ajax on JetSmartFilters?

@iemvo9629 2 года назад

I add jet smart filter to the category and it works fine. However when I insert it in the single post page it doesn't work. How to make search results return category when I insert jet smart filter in single post?

@madisonpublicidad5021 11 месяцев назад

Hi! I'm trying to use the range filter to filter the capacity of the flow of some pumps, but I need the filter to consider all the values. For example, if the power flow goes to 1250, it must consider all the numbers starting from 0. I think it's like the square foot range filter that you use on the example page for the video. If you can help me with it, it could be awesome.

@robiulhassanshakib7174 2 года назад

Hey Bro ☺️, Thanks for this great Tutorials. 😊. I've a question.. if i want to that my member can add there listing in front-end website...also they get a profile when they signing or register in website and where they see their past listing, and additional information, How is it possible ??

@Daniel-zc1tc 3 года назад

Hi Rino, Is there any way to have the search location filter to have autofill or suggestions?

@fachry_prasetya Год назад

Can you show how to make custom field like u own?

@gyansrot602 3 года назад

Thanks for your great service to the complete world...... I have an very important question and humble request. Please can you help me as my XAMPP server is not working properly. Its MySql is not opening as it says unexpected shutdown error. I think it happened with usual power cut as I am not having an UPS for my desktop. Please can you tell some solution for that.

@digital.olimon 2 года назад

could the same thing with the accordian be done with unfold or read more?

@afrasiabsajid5433 3 года назад

Hi, there great content just a request please make a filter where the prices are displayed in the dropdown and suppose if i select the price of $100,000 all the listings below this price are displayed. I completed my project entirely using your tutorial but the price filter was not solved. Please Thanks in Advance, Love From PAKISTAN

@WoodIQUtilajeCNC 3 года назад

Looks cool and nice on desktop but how is on mobile?

@KOBE42__ 3 года назад

I’d also like to know we can make it look good on mobile.

@mohammadjunaid9436 2 года назад

You can see the demo websites using jet filters on the crocoblock's official website

@EpicEren 2 года назад

@@mohammadjunaid9436 yes there is no mobile view...

@bradallenfisher 2 года назад

@@KOBE42__ just set it up for mobile first then set it up for desktop. Same as always

@sjluxe6019 Год назад

Hi Rino, thanks for your great videoa, I;'ve found them so helpful. I am trying to create a listing website following your tutorials but I would like to monetise this. I would like users (members) to be able to add their own listings and charge them for this. How is this achieveable?

@Monsshum Год назад

Hi, I would like to know how to set the "remove filter" button always display? Because it only shows after the value changes in filters~thank you!

@karimdong Год назад

Thank you for this amazing video! Is it normal for jetsmartfilters to take more than 5 seconds to filter the results? I have an ecom website and trying to filter the colors of the products it takes so long. Is this happening to everyone?

@worldofnissanka9222 2 года назад

Thank you ..can I use this plugin for the slider area?

@anoniem2202 2 года назад

Hi Rino, This is really a great video. I think i'm going to use it to set up my holiday rental website. I just have 1 question... is it possible to let my agents use a frontend form and not fill in everything on the background?

@anashilmi6417 2 года назад

i'm not sure but try look into ACF. Maybe there's something there

@portalgames64 2 года назад

Thanks for this great tutorial ! I have a lot of different authors on my website providing content everyday and i want to be able to filter my posts by author, unfortunately i don't find any option allowing me to do so, do you have any clue on how to do it ?

@ferenccollinet8576 2 года назад

Great video. But how does everything work mobile? 1. Can i switch between Map View & Listing View? 2. And how look the filter in mobile Version (as a pop up, slide in)? In my opinion absolutely necessary for a great Listing/classified ads Page.. Greeting

@aktivtrading2802 5 месяцев назад

Which ones are free out of the all you recommend

@uncommonjoe 4 месяца назад

How do you format the price using commas to separate thousands?

@user-kz8yr5qd8q 2 года назад

*the most important question remains - how to place an order from Custom Type?*

@coremarket976 3 года назад

Always delivering. Have you plans on using Gutenberg in the future and if yes will there be tutorials as well because I see crocoblock have the Gutenberg versions as well.

@rinodeboer 3 года назад

Thank you! Well, not until gutenberg has all the important features that you need om most websites. It’s still lacking.

@zooelkabir6106 2 года назад

How to use magnifier to zoom the images for the one we used from jetengine?

@pitvo4320 Год назад

Is it possible to have dynamic filter values? So you can only select values that have content.

@GrahamBrownVirtualTours 2 года назад

Great video! Is there a way of displaying a result count above the results grid like: "Showing 1 - 16 of 25 total results" ?

@digital.olimon 2 года назад

if type count into elementor widget search , I think that will find the one you want

@skysavvydrone Год назад

Filters aren't filtering when I add them to archive page? Have tried both checkbox filters and select filters for a particular post type, and neither do anything. Any tips? Thank you! Great tutorials!

@user-bo3nl2wu4s Год назад

How do you change the background colour of the checkbox filters to blue, default is white, I cannot find an option to change this

@GrahamBrownVirtualTours Год назад

is there a way of making this work with JetSearch so that the "show all results" goes to this page instead of the normal Wordpress search results page and the "properties" page instead with the filters on the left?

@christineoneal666 8 месяцев назад

Is there a way to put the filters in columns instead of a long list? I'm trying to make a gallery filter with tabs at the top of the page.

@agustinrodriguez6198 Год назад

Thanks for the content! I have a question. I am making an Ecommerce and to show the list of products I am using the elementor "Posts" widget. The problem is that JetSmart filters don't work for me with this widget (I gave the same id to the widget and the filter). But if it works with widget products and archive products.. How could I fix it? I would really appreciate an answer!

@gtech7932 Год назад

can we use this for product filter?

@asaadew4314 2 года назад

hi but when i active load more or pagination smart filter or forexample selct filter not working why?

@largeandncharge1 Год назад

How can we set an archive page as our home page?

@virtualqube 2 года назад

Hello, You are having amazing Tutorials, For jet Smart Filter I need help with creating search filter and select filter on same apply button , is this possible ?

@Tutedilseaapkediltak 3 года назад

Hello can you teach us how to set Custom listing of jet engine in order by the value enter in meta feild..

@Luis_Andrade 2 года назад

Am I the only one who goes crazy with so many open tabs? XD

@jameson-s 2 года назад

Hi, one question how can you change the currency in Crocblock?

@taemon9644 3 года назад

I need every plugins tutorials of crocoblock

@AniketNBorhade 3 года назад

Agree

@mykola08 2 года назад

how can this be configured on the mobile version?

@marshall1328 2 года назад

So the listing page same with archive page? What's the difference?

@ramadianlaksana8792 2 года назад

hello Rino, can elementor builder make skeleton loading? How to?

@senirmendonca2422 2 года назад

Hi. Thanks a lot for making those videos. I have a questions, what if you are making this site for a client and how can the cliente add a propriety usign an accont. for exemple, the client does not how to use wordpress... and can he add new propreties without log in in o to worpress? thanks

@carsonkunnen9033 2 года назад

Rino - is there any way to filter 'posts' that link to an external site?

@davidkhazaei 2 года назад

Hey does it work with ACF also?

@kaybecking2244 2 года назад

Nice video, one question how do you make the filters mobile friendly?

@freddeer3262 6 месяцев назад

Use a pop up

@jomardrustamli18 Год назад

Does it work with different product grids or do we need to put it with crocoblock's product gallery? I do the same thing with you but it doesn't filter out. I don't know the reason. Some assistance would be amazing, everybody.

@teisfiambluetooth 2 года назад

Hi Rino, Can you please solve the following problem? I have three smart filter elements. One radio and two range sliders. If I select the first radio button the first range slider should appear, if I select the second one, the second range slider should appear and the first one should disappear. Is there any way to solve this with Jet smart filter and Dynamyc visibility plugins?

@SmithyProductions Год назад

Hi, Rino! Any way to integrate MLS IDX integration with Crocoblock?

@coremarket976 2 года назад

I have issues with the checkin and checkout filters. First I want to have it with the search on my homepage so my visitors can type in either a name of a university or a city and it should redirect to the result page but when I did mine tried the check-in and check out it did redirect me but the unable dates ain't greyed out to mean unavailable so I tried it on the archive page it does not make any change the filter the available property from the listed properties. Have any idea why is so? I was having a thought of may be I should have 2 field that says Check in and check out but all the videos I have consumed from crocoblock channel didn't no such thing so am confused and mute on what could be done.