Filter Plus — WordPress/WooCommerce Product Filter

LIVE PREVIEW DOWNLOAD

Filter Plus is a WordPress/WooCommerce Product Filtering plugin that lets you construct a strong filtering
system to your web site. With this plugin, your prospects can filter your merchandise/posts by any standards –
Classes, Attributes, Traits, Tags, Costs, Inventory, and Taxonomy. Every filter standards is
configurable, providing you with most management over what your prospects are filtering and the outcomes they see.

Key Options:

Filter Any WordPress Submit sort: Choose any put up sort you wish to filter.
Limitless filter combos: Create as many filters as required utilizing the specified filter
settings and Filter standards.
Filters WooCommerce merchandise and Good filtering by variations: Create filters to your
WooCommerce based mostly retailer in order that your prospects can filter by any and all standards and discover precisely what
they’re on the lookout for
Filters by Any WordPress parameters/meta keys: Filter by Worth, Sale worth, or any numeric worth
from Customized Fields, Product ranking Product Class, Tag, or Any customized Product Taxonomy or something you
need and put into Taxonomy or Customized Subject in WordPress
Arbitrary filters order in URL: For instance: /color-blue/size-large/ or /size-large/color-blue/
Clear, fairly URLs and Permalinks: Permits clean indexing of them by Search Engines, share, bookmark,
and so forth.
Filtering Inputs: Helps Checkboxes|Radio buttons|Labels record|Dropdown|Vary
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: Type the outcomes utilizing the sorting
widget by any parameter. You’ll be able to create the specified sorting parameter contained in the widgets setting.
Tons of Settings: To set URL prefixes – order and values, Listed Filters, Colour scheme, Good
scroll, Format and habits customizations, and so on.
Responsive with mobiles and tabs: The plugin is mobile-ready. Cellular gadgets settings are there
to make the filters cellular responsive. Popups and collapsible choices are additionally accessible.
search engine optimization Guidelines choices: Make particular filtering pages accessible for indexing, Submit sort, Filters
mixture (Archive web page + Filters). Set the search engine optimization title, Meta description, H1 Title, and search engine optimization Description
(search engine optimization textual content for particular filtering web page).
Translation/Localization: The *.pot file is accessible contained in the plugin which lets you
translate it into any language.
Appropriate with any theme design: Choose the filter’s main shade from the plugin’s settings
and the filters will look appropriate together with your theme.

How To Set up

Obtain the .zip file out of your codecanyon account.
Go to: WordPress Admin > Plugins > Add New and Add Plugin with the
file you downloaded with the Select File button.
Set up Now and Activate the plugin.

Frontend

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

Cellular gadgets

The issue with utilizing filters on cellular gadgets, notably on smartphones, is the location of a widget with
filters. It’s going to take up an excessive amount of house and transfer the grid down when you place it above the merchandise grid. In case you
place it beneath the merchandise, then it will likely be inconvenient to scroll the web page to the filter widget each time.
The answer is aPop-up Filter widget.

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

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

To make use of unfolding of the Filter widget, allow the “Collapse Filters Widget on Cellular gadgets”
possibility 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” possibility in
Filters > Settings. If that doesn’t assist, please ask your web site’s webmaster that will help you.

Shortocodes

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

[fp_widget] – lets you show the Filters widget wherever shortcodes are supported in your WordPress web site
– in posts content material, web page content material, widgets, in textual content blocks created with web page builders, and so on. Shortcode arguments
permit you to change the widget properties.

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

title → widget title. Optionally available.
id → Filter Set ID you wish to show. Notice that this Filter Set have to be positioned on this
web page. Optionally available. If you don’t specify, the widget with the very best precedence shall be displayed in keeping 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.

Chosen Filters (Chips)

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

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

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

[fp_sort] – lets you show Sorting Widget in desired locations, the place common WordPress widgets should not
accessible.

Instance: [fe_sort id="2"]

id → ID of the Sorting Widget.

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 sorts: the Pop-up Filter widget and collapsible Filter widget whose habits is relying on the plugin
settings.

Instance: [fp_open_button id="7"]

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

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 specific web page. If no Filter
Set is configured for the web page, the widget doesn’t show something. This was executed so that you simply wouldn’t have to
individually disable the widget on pages the place filtering isn’t wanted.
The next 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.
Worth of the “The place to filter?” discipline in a Filter Set akin to the web page the place you wish to show it.
The Submit sort specified for the Filter Set matched the Submit sort of the web page or chosen WP Question.
The sidebar or widget space, the place you positioned the Filter widget isn’t hidden by default (requires a click on to
change into opened). Typically this occurs on cellular gadgets.
When you have the “Disguise empty Filters” checkbox enabled not less than one filter time period on this Filter Set contained
not less than one put up

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

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

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

Filter Plus plugin comprises the Sorting Widget that lets you type filtered posts or merchandise in reality by any
standards. It helps the record of all post-related standards and Meta key or Meta key numeric.

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

Within the widget settings type you’ll be able to edit or add new sorting choices utilizing the button “+ Add sorting possibility“. Additionally,
you’ll be able to change the order of the sorting choices by dragging them up and down.
As well as, you should use the Sorting Widget shortcode to insert the Sorting dropdown within the place, the place common
WordPress widgets should not supported.

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

Filter Units → Checklist of the entire Filter Units.
Add New → Add a brand new Filter Set.
search engine optimization Guidelines → Checklist of search engine optimization Guidelines.
Settings → To configure habits of the filters.

Filter Units

Filter Set is a bunch of Filters. Such group permits you conveniently
change settings frequent to all filters within the Set. For instance, specify pages the place they are going to be positioned and the
Submit sort they are going to filter. The Filter Units created shall be proven right here. To create a brand new Filter Set, click on on Add
Filter Set button:

Create a Filter Set

Let’s now create a Filter Set. Within the pictures under, 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 some other criterion by which you’ll mix posts. As well as, the
filter additionally comprises plenty of different parameters that decide its properties resembling habits, look,
filtering logic, and others. Filters will be Taxonomies, Customized Fields and Creator, so you’ll be able to filter WooCommerce
merchandise or WordPress posts
by nearly any parameter!

For extra choices, click on on the “Extra choices” button and you’ll set the next choices:

Title → The identify of the Filter. It’s displayed within the filter widget. Optionally available.
Filter by → Criterion by which posts shall be filtered. It may be something associated to Taxonomy, Customized
Subject, or Creator in WordPress. Required.
Meta Key → Title of the Customized discipline by which posts shall be filtered if you choose one of many Customized
Subject 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. Helps alphabetic symbols, hyphens,
underscores, and numbers. Required.
View in Widget → Specifies the view of the filter within the Filters widget. Potential values are: Checkboxes,
Radio Buttons, Labels record, Dropdown, Vary

Further Filter fields

Filter Logic → Filtering logic. Potential values are “OR”, and “AND”. “OR” means to indicate posts which are
current in not less than one of many chosen phrases. “AND” means to show solely these posts which are current in
all chosen phrases on the identical time.
Type Phrases by → Determines standards by what to type phrases within the Filters widget and the order of this
sorting – descending or ascending.
Exclude Phrases → Permits to specify which phrases ought to 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.
Present Chosen → Determines whether or not to show the chosen phrases within the basic record of chosen
phrases. Enabled by default.
Use for Variations → Determines tips on how to filter variable merchandise – by the properties of their
variations or their father or mother merchandise.
Present Hierarchy → Determines whether or not to indicate the hierarchy of phrases within the Filter. If enabled, little one
phrases shall be hidden within the collapsible record by default. Disabled by default.
Search discipline → Provides a search discipline above phrases listed within the Filters Widget and supplies a fast search
amongst them.
Allow Vary Slider? → Determines whether or not to show the Vary slider for the “Vary” view within the Filters
widget.
Slider Step → Determines the step with which to alter the Vary slider worth. Generally is a quantity, optionally
with a fractional half. The default worth is 1.
Tooltip → Brief clarification for a Filter that seems within the Filter title. Helpful for conditions,
when filtering standards should not apparent and require extra clarification

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:

Title → The identify of the Filter Set. Used solely within the WordPress Admin Panel and isn’t displayed on
web site
pages.
Submit sort → Determines Submit sort for posts that shall be filtered. For instance, for WooCommerce
merchandise, you want
to pick out Submit sort “Merchandise”.
Location → Defines a web page the place this Filter Set shall be utilized.
WP Question → Determines what WP Question on the chosen web page shall be filtered. This lets you filter
not solely
the default WP Question (Major question), but in addition any customized one.
Empty Phrases → Defines whether or not or to not conceal within the filtering widget phrases that don’t include posts
in any respect.
Present rely → Determines whether or not to show the variety of posts within the time period. Enabled by default.
Disguise empty Filters → Determines whether or not to cover your entire Filter from the widget if none of its
phrases include posts.
CSS ID or Class of Posts Container → Lets you specify a person posts container selector for
right AJAX filtering for this
Filter Set.
Precedence → Lets you set the precedence for the filter set. This selection is helpful on pages the place
you should
use a number of filter units and the order through which they seem will depend on the given precedence.

search engine optimization Guidelines

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

Create an search engine optimization Rule

Solely these Submit sorts for which there are Filters activated for indexing can be found. You’ll be able to
specify which Filters can be found for indexing in Filters > Settings > Listed Filters by marking acceptable
checkboxes. Now let’s create an search engine optimization Rule.

Set the specified values and save the rule.

Submit sort → Specifies the Submit sort to posts to which the Rule shall be utilized.
Filters Mixture → Determines filtering outcomes web page that matches this search engine optimization Rule. This shall be a
web page that comprises all the required filters without delay.
search engine optimization Title → The contents of this discipline shall be displayed between the <title> … </title> tags on the
pages that match the search engine optimization Rule.
Meta Description → Determines worth of the content material attribute of meta description tag on pages that matched
the search engine optimization Rule.
H1 Title → Determines worth for H1 tag on pages that matched the search engine optimization Rule.
search engine optimization Description → Textual content from this discipline shall be current on pages that matched the search engine optimization Rule. This article will
be seen to guests.
search engine optimization Rule title → Schematic URL of filtering outcomes pages that matches this Rule. Stuffed in
robotically.

Settings

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

Common

Within the basic tab, there are alternatives for the looks and habits of the filters on the forntend.

URL Prefixes

URL prefixes are one thing like WordPress slugs. Every 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 ?shade=black;pink&measurement=massive
“shade” and “measurement” are prefixes for “Colour” and “Measurement” Filters.You’ll be able to edit values of URL prefixes for filters
and in addition change their order within the URL if Permalinks are enabled in your web site. To vary the filter sections’
order within the URL, drag and drop prefixes within the order you want and save settings.

Listed Filters

For the search engine optimization Guidelines, we have to choose the checkboxes from this tab. You’ll be able to specify which Filters can be found
for indexing from right here.

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 Submit sort.
For instance, if the indexing depth for the Submit sort Product is 2, it implies that pages of filtering outcomes with a
URL path:
/brand-colins/color-black/
shall be accessible for indexing.
However pages with URL that comprises three sections like this:
/brand-colins/color-black/size-large/
will now not be accessible for indexing as a result of the variety of filter sections within the URL is three and exceeds
configured indexing depth restrict of two.

Experimetal

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

Request a Characteristic

Please contact our assist staff to request one other characteristic or any customization.

Changelog

Model 1.1.0
* Plugin made appropriate with the most recent WordPress model 6.0.1
* Fastened Fastened filter mixture dropdowns not displaying in search engine optimization rule and search engine optimization rule not engaged on frontend
* Fastened Elementor editor situation
* Fastened lacking JS library in case of WooCommerce not put in
* Fastened dropdown filter not working
* Added transients updating after filter set is up to date