JetSmart Filters

Checkboxes Filter Overview

Step 1: Add a New Filter

Begin by navigating to your WordPress Dashboard and selecting Smart Filters > Add New. Here, you'll define your filter:

Filter Name

Give your filter a descriptive name to identify it later.

Filter Type

Select 'Checkboxes list' from the dropdown menu.

Step 2: Choose a Data Source

The data source determines where the filter pulls its data from. Options include:

Taxonomies

Use site taxonomies like categories or tags.

Manual Input

Manually input filter options.

Posts

Filter content by post type.

Custom Fields

Use custom field values to create filters.

Each option will adjust the configuration settings accordingly, allowing you to tailor the filter's behavior.

Step 3: Configure Filter Settings

Depending on the selected data source, configure the relevant settings:

Taxonomies

Choose a taxonomy and configure settings like relational operators and visibility of empty terms.

Manual Input

Add and configure options manually, setting the query variable appropriately.

Posts

Select a specific post type to filter by.

Custom Fields

Specify the custom field keys and decide if you want to pull option values from these fields.

Step 4: Design the User Interface

With JetSmartFilters, you can easily integrate filters into your pages using page builders like Elementor, Gutenberg, or Bricks. For instance, in Elementor:

• Drag the Checkboxes Filter Widget into your layout.
• Configure settings such as which filter to apply, how results should be updated (AJAX, page reload), and the appearance of the filter (like enabling search or dropdown options).

Step 5: Save and Publish

Once configured, save your settings and publish the filter on your site. Test the filter to ensure it behaves as expected, making any necessary adjustments.

Search Filter Overview

Creating a search filter using the JetSmartFilters add-on for WordPress can significantly enhance your website's user experience by allowing visitors to quickly and efficiently search for specific content. This educational guide will walk you through the process of setting up a search filter using this powerful tool.

Step 1: Create a New Filter

Access your WordPress Dashboard and navigate to Smart Filters > Add New. Here, you will:

Enter a Filter Name

Choose a clear, descriptive name for your filter.

Select Filter Type

Choose 'Search' from the dropdown menu to create a search filter.

Step 2: Configure Search Parameters

You can configure your search filter based on:

Default WordPress Search

This uses the standard WordPress search function.

By Custom Field (from Query Variable)

This option allows searches within specified custom fields. You will need to enter the name of the field in the Query Variable section.

Step 3: Define Placeholder Text

Specify the text that will appear in the search box before the user begins typing. This helps guide users on what to search for.

Step 4: Integration with Page Builders

JetSmartFilters supports various page builders like Elementor, Gutenberg, and Bricks. After creating the filter, add it to your pages:

In Elementor

Drag the Search Filter widget to your page and select the created filter from the 'Select Filter' dropdown.

In Gutenberg and Bricks

Similar steps apply, ensuring you link the filter to the appropriate content or widget.

Step 5: Customize and Publish

Adjust additional settings such as the appearance of the search button, icons, and whether the search is triggered by AJAX for real-time results or requires a page reload. Once customized, publish your filter and test it on your site to ensure it functions as expected.

By following the previous steps, even beginners can effectively implement advanced search functionality on their WordPress site. Of course, the capabilities of this tool can still be expanded by using other CrossBlock tools, most notably the JetEngine tool, which enables the user to complete functions such as Glossary, Query, and Query. Switcher and Default Filter Value.