In this post, in the tutorial, you'll get in-depth instructions on how to use the JetSmartFilters plugin to construct a new filter and apply it to various publishing kinds.
Allow readers to use JetSmartFilters filters to filter the publications. Create filters, adjust filter parameters to suit your needs, and quickly and easily apply them to magazines.
.webp)
Get Ready to Create Filters
You must first choose the post type to which you want to apply the filter. Products, custom post types, or the default post type can be used.
Then, choose the content widgets, using which you show the goods or articles, under Elementor > JetSmartFilters Settings > Use filters for devices.
For displaying WooCommerce items, you may use WooCommerce Archive, Elementor Pro Products, JetWooBuilder Products Grid, JetWooBuilder Products List, and WooCommerce Shortcode.
Elementor Pro Archive, Elementor Pro Postings, JetEngine Calendar, and JetEngine are available for showing posts.
Additionally, you may enable the capability of "Indexed filters" and choose which post types you want to have indexed in the block below.
Build a New Filter
The subsequent step is to build a new filter in the JetSmartFilters > Add New box of the WordPress Dashboard. You can change the various filter settings in this area following your needs.
First, let's fill up the first field with the filter's title. You may then define the filter label and active filter label by going down and clicking on the Filter Labels section.
A dropdown list of various filter types is shown in the Filter Settings block. You'll see more options when you choose the required filter type, where you'll need to enter the relevant configurable fields.
*There are several sources listed in the Data Source field from which the data will be retrieved, including manual entry, taxonomies, posts, and custom fields.
The choice list can be filled up manually with specific values, and the value labels that will be shown are specified. (For instance, your custom goods post type contains the "size" meta field with your desired slug. For each product, you must add the real size values from the meta field.)
The term titles can be used as the labels for the filter fields when utilizing the taxonomies type. (For instance, you have the post type "Tableware" and the taxonomy "Material") (the terms are materials, and each tableware post item is attached to different terms, depending on the size).
By filtering the related posts, the post type offers the chance to show post names as the label of the filter choices. Examples are the "Brands" post type listing grid and the "Collections" post type grid. To filter the posts of collections type by brands contained, choose Posts > Brands.)
The custom meta field data input can be specified using the Custom Field data source. Enter the field name in the Custom Field Key bar to retrieve the data.
Click "Publish" after making the filter your own. The "Index Filters" button must now be clicked on the page where all smart filters are shown to index the data for the filters.
.png)
The Post With the Filter Assigned
Navigate to the page where you wish to give the posts the filter. Insert the proper widget to show the publications. For instance, in our situation, we show the constructed listing with posts using the JetEngine plugin's Listing Grid widget.
The last thing you need to do is drop the Checkboxes Filter widget into a certain column and choose the newly generated filter by selecting the This filter for bar and selecting the JetEngine Listing Grid content widget. Additionally, there are other additional contents and aesthetic choices that you may modify as needed.
Choose a filter. From the drop-down menu, select the filter you established for the page.
Using this filter. Here is a list of every plugin, widget, and extension that JetSmartFilter works with. You can indicate the section of the content you are now working with;
Apply kind. You may select how the filtering results are displayed using this option. The results list will be shown using AJAX without refreshing the page. Reloading the page will, of course, cause the results to refresh. The mixed type modifies the page's URL so you can copy it and email someone the filtering results page without having to reload the page.
Apply now. You get to decide when the filtering starts here. You can configure it so that it displays results either immediately after the value is changed (the user checks the box) or after the user clicks the "Apply" button.
Apply button visible You can activate the apply button showing and customize its title if you selected the "Click on apply button" option in the preceding choice.
Show the filter label. This switch activates the filter label display. If you do so, the labour will be seen on the widget's top.
Request ID. You may utilize this feature of the filter widget to indicate which filter is applied to which widget if you have many filters and listing grids, product grids, etc. on the same page. The ID for the listing or product grid must first be entered in the Advanced settings > CSS ID box before being duplicated in the Query ID area of the filter widget.
Enabled Additional Providers If you need to apply filtering to a variety of widgets made by various suppliers, you may utilize this option. You may select the widget provider and enter the widget ID in the item menu. By simply clicking "Add Item," you may add as many extra things as you need.
Click the "Update" button below to see a preview of the filter's operation after you have finished configuring all the settings.
Conclusion
An adorable little plugin that does a terrific job is JetSmartFilters. It features seven different filter kinds, and it seamlessly integrates with WooCommerce and Elementor. The filters appear to adhere to the same concepts, even if it isn't explicitly stated that they are based on the facet system. The plugin compensates for FacetWP's lack of filters by integrating effectively with other Jet plugins, any of which may be purchased for the same amount as FacetWP, for an infinite number of websites, no less.
Please note that we do not prefer any one plugin above another. You could discover that one plugin will meet your needs more effectively than another. It's up to you to determine which plugin best suits your requirements.
See you in the next post^^
.webp)