Crocoblock JetEngine for Beginners - Integrating JetSmartFilters

If you've followed along with part one of this Beginners Guide to Crocoblock's JetEngine, this 2nd instalment will show you how to add in all manner of filters, searches and sorting options to take your website to the next level.
If you haven't seen part one, check it out here: • Dynamic WordPress Webs...
The full Crocoblock Dynamic Web Design Playlist: • Dynamic WordPress Webs...
Jet Smart Filters: jo.my/jetsmartfilters
Crocoblock: jo.my/croc
Take your WordPress website and skills to the next level!
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► WORDPRESS VISUAL PAGE BUILDERS ◄
★ ELEMENTOR PRO: jo.my/1s0t2s2
★ Brizy Pro: bit.ly/2Ji97r8
★ WPBakery Page Builder (Formerly VISUAL COMPOSER): bit.ly/2NVbVNP
★ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
★ GeneratePress Premium: bit.ly/2Ydn1SE
★ OCEANWP: bit.ly/2fRHBr0
★ DIVI Theme: bit.ly/2G8JMiA
★ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
★ SMART SLIDER 3: bit.ly/2G0G1vB
★ CSSHERO: bit.ly/2qbrRl6
★ SLIDER REVOLUTION 6 - jo.my/sr6
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk

[@joe6776]

Paul, thanks for your time and help. The only thing Crocoblock needs to make their company top tier is a person like you abroad. I was checking out their videos but man i couldnt understand anything. You saved me.

[@pahtashow]

Finally I will try to understand relationality via SmartFilters

[@alanjacobs7302]

Brilliant, as usual, thanks. Can't wait for the jetengine relationships tutorial.

[@tommymeister9543]

Thanks for the video. I wish every guide on youtube be like one of yours :)

[@PLUS-sj4sf]

Thanx a million Paul! More in depth tutorial would be great specially that Jet Engine has some new updates! Thank you in advance

[@populisdigital5368]

Great video! Just want to give a bit more regarding Union and Intersect around the @13:37 mark. Let's say I have 2 filters and 5 products. Filter A = Product 1, Product 2, Product 3 Filter B = Product 1, Product 4, Product 5 If I use Union and I select both filters I will see all 5 products. Because it's just showing me all products that matches that filter. If I select Intersect I will only see Product 1 because it's the only product that in Filter A and Filter B. That product "intersects" both Filter A and Filter B. Hope that helps!

Great video as always, Paul. One question: You mentioned "Query ID" a few times, where I can add this query ID to reference to a certain filter? In Post Archive widget?

[@strivebench1673]

Thank you very much. Very well explained.

[@averagejoedesign6118]

love your tutorials!! thank you!!

[@WPTuts]

Thank you 😁👍

[@PaulHerzlich-xo8ox]

Did you ever get Union vs Intersection explained? Only relevant when a filter can query for more than one value. In your example, Property Type is like that. The problem is this: When you click on two checkboxes when filtering, what do you mean? Do you want the user to see Properties of either Property Type in the results? If so, you want Union (logical or). Or do you want the user to see only those Properties that have both Property Types checked. In that case, you want Intersection (logical and). Because, in your demo website, your Properties only have one Property Type, Union is the right choice. But, if a Property could be two Property Types simultaneously - if it were sensible to assign more than one term to a post -, then you'd have to decide when making the smartfilter whether it's going to return results which meet *either* of the individual terms (union) or only those that match *both* terms (intersection). Thanks again for your truly useful videos. Maybe this adds a bit.

[@datawontlie1574]

It helps a lot!

[@YaronRosen]

Thank you!!

[@atharjaved6468]

Dear your tutorial are very helpful

[@thejamescaddy]

This and the intro guide are really great - thanks! Im really curious how the 'under offer' label works? It didn't seem to be covered in either video?

[@vidhuiscool16]

Very well explained. Please make a tutorial to show how one can make a hotel booking system with hotel listing, single hotel and finally rooms with booking.

[@dannygrio]

great content once again!! I just didn't understand the Is Checkbox metafield (Jet Engine) - Off . If I didn't watch this video, I would have thought it was supposed to be on, as I created everything with Jet Engine.

[@sebastienfort572]

Hello and thank you for all your great videos! Do you know if it is possible to display on a search result archive page different filters depending on the category chosen in the search bar? Thank you again, I learned a lot from your tutorials.

[@Pedant_Patrol]

Hey, Paul. Quick question for you. Can JetFilters be used with a regular post widget that's pulling in posts using a custom loop created in Ele Custom Skin? This filtering plugin seems to have much more styling options when compared with Facet WP and Search & Filter Pro.

[@andrewkirkcaldy7977]

Hi Paul Great vid as usual. How have you found the speed on the filters. I have 1000 posts with the indexer enabled and the filter takes 5 seconds to display the results. Any advice would be great.

[@trigienit9245]

Hello Paul, great video. I need to ask, can get engine and get smart filters be used to achive the features of series engine wordpress plugin and wp manager?

[@biddelltron]

Thanks Paul! I've spent the last few hours with your videos setting everything up. Just one question, in your second video you jump from images with padding to full bleed images in your display grid, could you please let me know how you formatted this or where I may have missed the answer in either part 1, part 2 or another video you've made? I've tried various image sizes and no matter what I do, still end up with padding - bonus points if you could let me know how you rounded the the corners. Thanks,

[@wgm247]

Great video Paul.. do you think toolset would allow postcode search? I think it would as that's the only thing missing from a property website (to be able to search for properties by postcode search)

[@MrBalloonatic]

Hi Paul, just wondering if you have done a video integrating the custom map and building out a search showing all your property locations, near a specific location or nearby to the users current location? kind of like google maps but with the results focused on the properties/ business listings featured on the site?

[@batshevadianeshen9444]

Really great video! I need the search parameters to be in the header at the top of every page. Could you explain how to display the results in the content part of a new search result page?

[@Azmarine13]

I have a Question. Small Help Great Video BTW. Is their a Way To use Elementors Call To Action Feature as a Info Box. Can you make a video about further cusomization like adding a Add to Cart Button or Openn the Site Button.. Need Help on this

[@mx4568]

Hi, is there a way to customize the blue background color of the options in a drop-down menu filter? Thanks!

[@The_Thinker_UK]

I've been following your video tutorials with good success. I have run into an issue where on using more than one filter in combination produces nothing bar a message. But when each filter is used independently they work. Any helpful pointers if you have? thanks

[@chielvangurp3706]

Genius

[@user-wb7ni5rd9z]

Hi, thank you for your passion of applying Crocoblock. I have learned a lot through your tutorial. And I have one question for the Car Demo site Ads Input field. In demo site, the Car Model hierachy filter can be done within Brand but when we input the Model in Car Ads add section we cannot select the Model within Brand. If the car models are so many listing too long in the selection field I think customers can feel so inconvenient to select the exact model in that long listing field. So I am wondering that in the Input Ads stage of the Car model, can we filter the model within Brand same as Hierarchy Filter function? What I mean is if we select some Brand then in the Model selection only the Brand related models are shown in the field then the customers can select their model in the some less amount of list.

[@paulinagayoso9277]

Thank you for the video!. It doesn´t work for me in the mobile version, only works for desktop. Can you help me with that?

[@AljaleyaTV]

Is it possible to filter by years from a date field metadata? can we filter only year not all date?

[@randomstranger9494]

Thanks Paul, question though, can jetsmartfilters be used independently with woocommerce? So create a custom shop page with elementor and just use jsf.

[@JoyfulNoiseID]

thank for great video, I have a question about search widget. I tried with default wordpress search, but its only search the title, not the whole content of the CPT. I tried set to custom query to my meta CPT but its not working at all. Please help me, how to make the search widget also search the content not only by the title.

[@marc089]

Hey Paul, good one again! In do prefer ACF & CPTUI oder Jet Engine - BUT - Facetwp is causing a lot of trouble regarding caching and their filter system. I think Jet Smart Filter is working great especially within Elementor Pro! Did you figure out a way to combine ACF & CPTUI together with Jet Smart Filter - officially they say it is not working ... Any tips or suggestions are really appreciated ! Have a GREAT DAY Paul !!!

[@shimas7613]

Hello, thank you for your reply Using Jet Engine, I created a taxonomy for the product page and inside my product page, I assign a number to it, for example, the car chassis number is actually an ID, and using the smart filter plugin, I put a search filter and put it inside my product archive page. I want to search for products based on that ID, but it does not call, what could be the reason

[@andonisr]

Paul do you have a video with jet smart filters, but, with Advanced Custom Fields? I've already started using them and so far they work fine - except I can't get a "Select' filter to work through a custom field..!

[@funnyfromadam]

So the sorter will not work with meta values and afc?

[@asaf415]

Thanks for another helpful tutorial. For 'Query Variables' what would be some examples of inputs? For example if I wanted to restrict search for product name only, would I input 'title'?

[@Life.Reimagined]

Also interested

[@igolovin87]

@@Life.Reimagined Есть ответ на этот вопрос?

[@saltmedia8972]

Hi Paul, have you had issues with JetSmartFilters not being able to use content from repeater fields? Mine just wont filter anything created with a repeater.

[@werofeo]

I have a post type of tours, the title is the city, I'm trying to create a smart filter with select, the data source is taken from the posts and post type "tours", but what's the "Query Variable" for that? I already tried several ways but I can't make it work. so I need to enter the "Query Variable" I think that should be the post title but what's the variable for that? Hope you can help me. Thank you.

[@bigdaddy5303]

How do you get those labels inside the image? Like "under offer" or "apartment'? I watched part one, but it didn't go through that

[@nicolasguillemaux3823]

Fantastic review! Do you have any experience with their theme Kava? and if so, would you recommend it?

[@WPTuts]

Not a lot. I have tested it briefly in the past and wasn't overly bothered about using it on a project/demo. If you're using Elementor, I would stick with the Hello theme.

[@kaybecking2244]

Sir do you know how we can place the jetsmart search in the header and show the results in the jetenige list?

[@seanrobbins864]

Great video. How do I display fallback content/message/template if the search query returns nothing? I currently have a search locator map listing built with all cities and states which are serviced by my client. However, when a city is typed and nothing matches, it just removes all markers from the map and shows no content. I would simply like to display a fallback message or template if the city search returns nothing. Is this possible?

[@greenbeecannabissimplified6631]

HELP! I followed this video and the one before it but I am running into 2 issues. One, when I do a checkbox filter not all of my options are showing up (14/30) and it is not filtering. It says that there are zero results for each of the fields, but when I click them nothing changes. I'm not sure if you have any advice on how to remedy this problem, but I thought I'd ask. Thanks!

[@zaeemjaved6850]

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?

[@kaisjrad3698]

Hi Paul, thanks for the tutorial, but I want to ask you if you can make a video for how to make Alphabet filter on elementor template, I mean that , I want to create na agents listing and i want to filter thier names which is on (Post_title) using Alphabet A->Z Filter !

[@tompixart]

Sorry for the translate, I'm French, I do my best: I have a problem with JetSmartFilters. Crocobloc support tells me that there is no filtering possible for widgets like Elementor Pro's “Price Table”. However I am looking for a solution because I have a lot of "Price Tables". If we apply the filters to several sections that integrate a widget (no matter which one), can we filter these sections? Note that I am talking about the template section, because they have categories and this is useful for filters. If I put a Price Table in each section it will be good you think? Merci

[@thepuldarshana9056]

Hi can you do a video on how to set up Rating filter and Wish List widgets ? there is no video out there

[@galaxyspace4077]

can you do a tutorial with Woolementor Filter also ?

[@nest2332]

I want to filter users by email, what value should I insert in query variable ? I tried putting email, e-mail and all it didnt work out

[@galaxyspace4077]

9.02 when did you create a post type (properties)? we did not see how you create the post type there. you missed that part showing ?

[@matu1981]

I think this set of plugins by Crocoblocks are amazing but am I missing something?? why is there no option to add an "All" filter

[@cuaran89]

Hi Paul, thanks again for the video. I wonder, do I need Elementor Pro to use Crocoblocks? Or can I just use the free version of Elementor? Thanks a lot!

[@cuaran89]

@@andreasvanwoerkom5324 Thank you so much for your reply Andreas! Amazing to hear. Thanks a lot!

[@cuaran89]

@Fox Wolf Hola Fox, muchisimas gracias por tu explicacion. Mi meta en este momento es crear un blog de pancakes donde la gente pueda buscar recetas de pancakes hasta con 5 niveles de filtros. Es decir, el primer filtro es si eres hombre o mujer, el segundo es pancake dulce o salado, el tercero es, vegetariano o no vegetariano, etc, etc. Cuando un usuario llegue a la pagina, filtrara las recetas segun las relationships, un ejemplo, hombre, salado y vegetariano. Entonces se mostraran las recetas que contengan los tags/metafields de hombre, salado y vegetariano. Mi pregunta es, tu crees que puedo hacer eso con Jet Engine?

[@cuaran89]

@Fox Wolf Excelente si, aunque si me encantaria usar ACF en este momento, la verdad con CrocoBlock es suficiente. Muchisimas gracias de nuevo por tu tiempo y ayuda!

[@cuaran89]

@Fox Wolf Te entiendo si, para ese proyecto que dices tengo otro proyecto parecido, y en ese caso ACF seria mejor. Mmmmmmm, bueno, primero un proyecto y ya despues vendra el siguiente. :) Me pregunto, podria ver los proyectos que hiciste? Me encantaria verlos. Muchas gracias de nuevo por todo tu tiempo.

[@pruferspa5892]

doesn´t work to me. I don´t understand why. I have a list of products made it with Ele Custom Skin. May be this make it the problem?. Sorry for my english and thanks for your turorial.

[@bsadeghi]

i have a problem. I use JetSmartFilters. everything work perfect in all pages like archives and ... except the Search Result page. the URL in search Result Page is like "mysite.com/?s=TheSearchWord&post_type=product&type_aws=true" and when I start to filter in Results the URL changes to "mysite.com/?jet-smart-filters=woocommerce-archive/default&_tax_query_field_of_study=272" and all results gone away! can you help me how should I combine these two query selector URLs?

[@AMITROY-uc7dd]

JetWooBuilder / Smart Filter - Result count & Products Pagination doesn't update With Ajax. Any luck sir?

[@goszakupki44]

Tell us about mobile adaptation ) It seens not well in mobile version ((

[@saltmedia8972]

How on earth can I set JetSmart Filters to exclude filtering of post content from a text search?

[@jeremymurphy7475]

Any clue on how to EDIT, REBRAND or CHANGE this ---> /?jet-smart-filters=jet-engine/

[@nemac23]

Does it work with Divi?

[@sl8415]

The dynamic woocommerce price range is not dynamic at all as it is not indexable (yet). Huge problem because you can filter up to the point where there is no result which is so not good.

[@mykola08]

how to implement on the mobile version?

[@clintt5266]

Seems pretty straightforward, but for some infuriating reason I can't understand, when I go to select a filter check box, ALL the posts disappear. Have to refresh the page to get the posts back. I've deleted everything and started over twice to the same result. What the *bleep* am I doing wrong?

[@clintt5266]

To answer my own question for any people struggling out there with the same issue - it was a taxonomy conflict. Turns out the new custom post type had taxonomies with the same Name as the regular post categories. Even though the taxonomy slugs were unique, the filter wouldn't work until I changed the name too.

[@MaxerWolf]

Their documentations sucks - All that power has to be documented !!!!

[@emrey2252]

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?