Filter Plus — WordPress/WooCommerce Product Filter

Filter Plus is a WordPress/WooCommerce Product Filtering plugin that permits you to construct a robust filtering
system on your website. With this plugin, your prospects can filter your merchandise/posts by any standards –
Categories, Attributes, Characteristics, Tags, Prices, Stock, and Taxonomy. Each filter standards is
configurable, providing you with most management over what your prospects are filtering and the outcomes they see.

Key Features:

Filter Any WordPress Post kind: Select any put up kind you wish to filter.
Unlimited filter mixtures: Create as many filters as required utilizing the specified filter
settings and Filter standards.
Filters WooCommerce merchandise and Smart filtering by variations: Create filters on your
WooCommerce primarily based retailer in order that your prospects can filter by any and all standards and discover precisely what
they’re in search of
Filters by Any WordPress parameters/meta keys: Filter by Price, Sale worth, or any numeric worth
from Custom Fields, Product ranking Product Category, Tag, or Any customized Product Taxonomy or something you
need and put into Taxonomy or Custom Field in WordPress
Arbitrary filters order in URL: For instance: /color-blue/size-large/ or /size-large/color-blue/
Clean, fairly URLs and Permalinks: Allows easy indexing of them by Search Engines, share, bookmark,
and so forth.
Filtering Inputs: Supports Checkboxes|Radio buttons|Labels record|Dropdown|Range
AJAX prepared: Filter with or with out AJAX (with out web page reload/redirect). The plugin is able to
load outcomes utilizing AJAX.
Separate Sorting dropdown with limitless sorting choices: Sort the outcomes utilizing the sorting
widget by any parameter. You can create the specified sorting parameter contained in the widgets setting.
Tons of Settings: To set URL prefixes – order and values, Indexed Filters, Color scheme, Smart
scroll, Layout and habits customizations, and many others.
Responsive with mobiles and tabs: The plugin is mobile-ready. Mobile gadgets settings are there
to make the filters cellular responsive. Popups and collapsible choices are additionally out there.
search engine optimisation Rules choices: Make particular filtering pages out there for indexing, Post kind, Filters
mixture (Archive web page + Filters). Set the search engine optimisation title, Meta description, H1 Title, and search engine optimisation Description
(search engine optimisation textual content for particular filtering web page).
Translation/Localization: The *.pot file is out there contained in the plugin which lets you
translate it into any language.
Compatible with any theme design: Select the filter’s major coloration from the plugin’s settings
and the filters will look appropriate together with your theme.
Compatible with Advanced Custom Fields (ACF) plugin.

How To Install

Download the .zip file out of your codecanyon account.
Go to: WordPress Admin > Plugins > Add New and Upload Plugin with the
file you downloaded with the Choose File button.
Install Now and Activate the plugin.

Frontend

On the frontend, the filter work together with the widgets. There are three widgets within the plugin particularly Filters
Widget, Chips Widget, and Sorting Widget.
The Filters are proven utilizing the Filters Widget. The Chips widget exhibits the at present chosen filter standards in
the type of chips. The Sorting widget is used to kind the posts utilizing any customized key.

Filter Plus Filters Frontend

Mobile gadgets

The downside with utilizing filters on cellular gadgets, significantly on smartphones, is the location of a widget with
filters. It will take up an excessive amount of area and transfer the grid down if you happen to place it above the merchandise grid. If you
place it beneath the merchandise, then it is going to be inconvenient to scroll the web page to the filter widget each time.
The resolution is aPop-up Filter widget.

To allow the Filters pop-up widget, you want to go to Filters > Settings and activate the “Special Pop-up
Filters Widget for Mobile ” choice and save settings. After that, the Filters button ought to seem above the
merchandise record and shall be
seen on smartphones. Click on the button will open the Pop-up Filters widget.

Filter Plus Popup mobile widget

An alternate is to make use of the Collapsible Filter Widget choice.

To use unfolding of the Filter widget, allow the “Collapse Filters Widget on Mobile gadgets”
choice in Filters > Settings. After that, the Filters button ought to seem within the place the place the Filters widget
is displayed, and be seen on smartphones solely.
If the sidebar with Filters is displayed beneath the merchandise record, strive enabling the “Sidebar on high” choice in
Filters > Settings. If that doesn’t assist, please ask your website’s webmaster that will help you.

Filter Plus Popup mobile widget

Shortocodes

The Filter Plus plugin has 4 shortcodes that mean you can show the Filters widget, Selected
Filters (Chips), Sorting Widget, and the Button that opens the Filters widget on cellular gadgets.

[fp_widget] – permits you to show the Filters widget wherever shortcodes are supported in your WordPress website
– in posts content material, web page content material, widgets, in textual content blocks created with web page builders, and many others. Shortcode arguments
mean you can change the widget properties.

Example: [fp_widget title="The title" id="10" show_selected="yes" show_count="yes"]

title → widget title. Optional.
id → Filter Set ID you wish to show. Note that this Filter Set have to be situated on this
web page. Optional. If you don’t specify, the widget with the best precedence shall be displayed in accordance with its
order decided by the Order # parameter within the Filter Set.
show_selected → determines whether or not to show the chosen phrases (chips) on the high of the widget.
Disabled by default.
show_count → determines whether or not to show the variety of discovered posts on the high of the widget.
Disabled by default.

Filter Plus Filters Widget Shortcode

Selected Filters (Chips)

[fp_chips] – shows an inventory of chosen phrases and the “Reset all” button.

Example: [fp_chips id="16" mobile="no" reset="yes"]

id → the ID of the Filter Set whose chosen phrases you wish to show. Optional parameter. If not
specified, all chosen phrases of all Filter Widgets on the web page shall be displayed by default. Of course, the
specified time period should correspond to the Filter Set, which is situated on this web page.
cellular → determines whether or not to show chips on cellular gadgets. By default, chips are hidden on
cellular gadgets.
reset → permits you to flip off the “Reset all” button and never show it. The button is displayed by
default.

Filter Plus Chips Widget Shortcode

[fp_sort] – permits you to show Sorting Widget in desired locations, the place common WordPress widgets will not be
out there.

Example: [fe_sort id="2"]

id → ID of the Sorting Widget.

Filter Plus Sorting Widget Shortcode

Filters open button, for the cellular gadgets

[fp_open_button] – shows the Filters opening button on cellular gadgets. The button works with each Filters
widget varieties: the Pop-up Filter widget and collapsible Filter widget whose habits is relying on the plugin
settings.

Example: [fp_open_button id="7"]

id → determines which Filter Set to open. Optional parameter. By default, the button will open Filter
Set with the best precedence if there are a number of of them on the web page.

Filter Plus Button Shortcode

Backend Settings

Lets now discover the backend of the three widgets one after the other:

The Filters widget is used to show all filters of the Filter Set that matches a selected web page. If no Filter
Set is configured for the web page, the widget doesn’t show something. This was achieved so that you just wouldn’t have to
individually disable the widget on pages the place filtering isn’t wanted.
The following situations have to be met to show the Filter Widget:

The Filter Widget was positioned within the sidebar or widget space on the web page the place you want filtering.
Value of the “Where to filter?” discipline in a Filter Set equivalent to the web page the place you wish to show it.
The Post kind specified for the Filter Set matched the Post kind of the web page or chosen WP Query.
The sidebar or widget space, the place you positioned the Filter widget isn’t hidden by default (requires a click on to
turn into opened). Sometimes this occurs on cellular gadgets.
If you’ve got the “Hide empty Filters” checkbox enabled a minimum of one filter time period on this Filter Set contained
a minimum of one put up

To show Filters in your website simply add the Filter Plus widget to the Sidebar or Widget space you want. To
do that go to Appearance > Widgets and drag the widget known as “Filter Plus — Filters” to the Sidebar that
pursuits
you.

Filter Plus Filters Widget

The Chips widget will present the chosen filter attributes in addition to a reset button to take away all the
alternatives.

Filter Plus Chips Widget

Filter Plus plugin incorporates the Sorting Widget that permits you to kind filtered posts or merchandise actually by any
standards. It helps the record of all post-related standards and Meta key or Meta key numeric.

Filter Plus Sorting Widget

In the widget settings type you’ll be able to edit or add new sorting choices utilizing the button “+ Add sorting choice“. Also,
you’ll be able to change the order of the sorting choices by dragging them up and down.
In addition, you should utilize the Sorting Widget shortcode to insert the Sorting dropdown within the place, the place common
WordPress widgets will not be supported.

When you put in the plugin, then a brand new menu with the title “Filters” will seem within the admin
dashboard. This menu has 4 tabs.

Filter Sets → List of all the Filter Sets.
Add New → Add a brand new Filter Set.
search engine optimisation Rules → List of search engine optimisation Rules.
Settings → To configure habits of the filters.

Filter Sets

Filter Set is a gaggle of Filters. Such group permits you conveniently
change settings widespread to all filters within the Set. For instance, specify pages the place they are going to be situated and the
Post kind they may filter. The Filter Sets created shall be proven right here. To create a brand new Filter Set, click on on Add
Filter Set button:

Filter Plus Filter Sets List

Create a Filter Set

Let’s now create a Filter Set. In the photographs beneath, we are going to create a brand new Filter by clicking on the “Add Filter”
button. The Filter is the parameter by which posts are filtered. For instance, it may be a product
class, worth, product attribute, or every other criterion by which you’ll mix posts. In addition, the
filter additionally incorporates a lot of different parameters that decide its properties corresponding to habits, look,
filtering logic, and others. Filters might be Taxonomies, Custom Fields and Author, so you’ll be able to filter WooCommerce
merchandise or WordPress posts
by nearly any parameter!

Filter Plus Create a Filter Set

For extra choices, click on on the “More choices” button and you may set the next choices:

Filter Plus Create a Filter Set

Title → The title of the Filter. It is displayed within the filter widget. Optional.
Filter by → Criterion by which posts shall be filtered. It might be something associated to Taxonomy, Custom
Field, or Author in WordPress. Required.
Meta Key → Name of the Custom discipline by which posts shall be filtered if you choose one of many Custom
Field filtering choices.
Prefix for URL → Determines which phrase or symbols shall be contained within the a part of the URL that
is correspondent to this Filter. It’s one thing like WordPress slug. Supports alphabetic symbols, hyphens,
underscores, and numbers. Required.
View in Widget → Specifies the view of the filter within the Filters widget. Possible values are: Checkboxes,
Radio Buttons, Labels record, Dropdown, Range

Additional Filter fields

Filter Logic → Filtering logic. Possible values are “OR”, and “AND”. “OR” means to point out posts which might be
current in a minimum of one of many chosen phrases. “AND” means to show solely these posts which might be current in
all chosen phrases on the identical time.
Sort Terms by → Determines standards by what to kind phrases within the Filters widget and the order of this
sorting – descending or ascending.
Exclude Terms → Allows to specify which phrases must be excluded from the Filters widget.
Folding → Determines whether or not to break down or not a Filter within the widget. If enabled, then the filter
phrases shall be hidden within the widget till the consumer clicks the Filter opening icon.
Show Selected → Determines whether or not to show the chosen phrases within the common record of chosen
phrases. Enabled by default.
Use for Variations → Determines methods to filter variable merchandise – by the properties of their
variations or their dad or mum merchandise.
Show Hierarchy → Determines whether or not to point out the hierarchy of phrases within the Filter. If enabled, youngster
phrases shall be hidden within the collapsible record by default. Disabled by default.
Search discipline → Adds a search discipline above phrases listed within the Filters Widget and gives a fast search
amongst them.
Enable Range Slider? → Determines whether or not to show the Range slider for the “Range” view within the Filters
widget.
Slider Step → Determines the step with which to vary the Range slider worth. Can be a quantity, optionally
with a fractional half. The default worth is 1.
Tooltip → Short rationalization for a Filter that seems within the Filter title. Useful for conditions,
when filtering standards will not be apparent and require extra rationalization

After the Filter is configured, create extra filters by clicking on the “Add Filter” button if required. Now set
the specified choices for the Filter Set and save the Filter Set by publishing the put up:

Filter Plus Create a Filter Set

Title → The title of the Filter Set. Used solely within the WordPress Admin Panel and isn’t displayed on
website
pages.
Post kind → Determines Post kind for posts that shall be filtered. For instance, for WooCommerce
merchandise, you want
to pick Post kind “Products”.
Location → Defines a web page the place this Filter Set shall be utilized.
WP Query → Determines what WP Query on the chosen web page shall be filtered. This permits you to filter
not solely
the default WP Query (Main question), but in addition any customized one.
Empty Terms → Defines whether or not or to not conceal within the filtering widget phrases that don’t comprise posts
in any respect.
Show rely → Determines whether or not to show the variety of posts within the time period. Enabled by default.
Hide empty Filters → Determines whether or not to cover the whole Filter from the widget if none of its
phrases comprise posts.
CSS ID or Class of Posts Container → Allows you to specify a person posts container selector for
right AJAX filtering for this
Filter Set.
Priority → Allows you to set the precedence for the filter set. This choice is helpful on pages the place
you want to
use a number of filter units and the order through which they seem will depend on the given precedence.

search engine optimisation Rules

search engine optimisation Rule is a set of parameters that decide what pages among the many filtering outcomes pages must be
out there for indexing by Search Engines. It additionally determines what values of search engine optimisation parameters must be
generated on these pages.
All filter outcomes pages are closed from indexing by Search Engines. By creating an search engine optimisation Rule, you
will enable to indexing of all filtering outcomes pages that match this Rule.
To create an search engine optimisation rule, go to Filters > search engine optimisation Rules > Add search engine optimisation Rule within the WordPress Admin Panel, fill within the
required
fields, and save the Rule. Notice: search engine optimisation Rules don’t work in case your website is closed from indexing in any respect!

Filter Plus SEO Rules

Create an search engine optimisation Rule

Only these Post varieties for which there are Filters activated for indexing can be found. You can
specify which Filters can be found for indexing in Filters > Settings > Indexed Filters by marking applicable
checkboxes. Now let’s create an search engine optimisation Rule.

Filter Plus Create SEO Rule

Set the specified values and save the rule.

Post kind → Specifies the Post kind to posts to which the Rule shall be utilized.
Filters Combination → Determines filtering outcomes web page that matches this search engine optimisation Rule. This shall be a
web page that incorporates all the required filters without delay.
search engine optimisation Title → The contents of this discipline shall be displayed between the <title> … </title> tags on the
pages that match the search engine optimisation Rule.
Meta Description → Determines worth of the content material attribute of meta description tag on pages that matched
the search engine optimisation Rule.
H1 Title → Determines worth for H1 tag on pages that matched the search engine optimisation Rule.
search engine optimisation Description → Text from this discipline shall be current on pages that matched the search engine optimisation Rule. This textual content will
be seen to guests.
search engine optimisation Rule title → Schematic URL of filtering outcomes pages that matches this Rule. Filled in
mechanically.

Settings

There are tons of choices out there to vary the habits/look of the Filters. Let’s discover the 5 tabs
of settings one after the other.

General

In the final tab, there are alternatives for the looks and habits of the filters on the forntend.

Filter Plus Setting - General

URL Prefixes

URL prefixes are one thing like WordPress slugs. Each Filter has its personal distinctive URL prefix. This prefix is
displayed in every URL part, which corresponds to a separate Filter. For instance for the URL path:
/color-green-or-white/size-small/ or ?coloration=black;purple&dimension=giant
“coloration” and “dimension” are prefixes for “Color” and “Size” Filters.You can edit values of URL prefixes for filters
and in addition change their order within the URL if Permalinks are enabled in your website. To change the filter sections’
order within the URL, drag and drop prefixes within the order you want and save settings.

Filter Plus Setting - URL Prefixes

Indexed Filters

For the search engine optimisation Rules, we have to choose the checkboxes from this tab. You can specify which Filters can be found
for indexing from right here.

Filter Plus Setting - Indexed Filters

Indexing Depth

These settings decide the utmost variety of filter sections within the URL, that may be listed by Search
Engines. This worth could also be completely different for every Post kind.
For instance, if the indexing depth for the Post kind Product is 2, it signifies that pages of filtering outcomes with a
URL path:
/brand-colins/color-black/
shall be out there for indexing.
But pages with URL that incorporates three sections like this:
/brand-colins/color-black/size-large/
will not be out there for indexing as a result of the variety of filter sections within the URL is three and exceeds
configured indexing depth restrict of two.

Filter Plus Setting - Indexing Depth

Experimetal

This settings tab is principally associated to the looks and format. The choices are self-explanatory.

Filter Plus Setting - Experimetal

Request a Feature

Please contact our help group to request one other function or any customization.

Changelog

Version 1.1.3
* Fixed - Plugin CSS and JS recordsdata naming battle with different plugins/themes.

Version 1.1.2
* Fixed Filtering not being carried out when the language is Hebrew.

Version 1.1.1
* Fixed Product choices not updating on newest WP model.

Version 1.1.0
* Plugin made appropriate with the newest WordPress model 6.0.1
* Fixed Fixed filter mixture dropdowns not displaying in search engine optimisation rule and search engine optimisation rule not engaged on frontend
* Fixed Elementor editor subject
* Fixed lacking JS library in case of WooCommerce not put in
* Fixed dropdown filter not working
* Added transients updating after filter set is up to date