Filter Plus is a WordPress/WooCommerce Product Filtering plugin that lets you construct a strong filtering
system on your website. 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, supplying you with most management over what your prospects are filtering and the outcomes they see.
Key Options:
- Filter Any WordPress Publish kind: Choose any publish kind you wish to filter.
- Limitless filter mixtures: Create as many filters as required utilizing the specified filter
settings and Filter standards. - Filters WooCommerce merchandise and Good 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 Worth, Sale worth, or any numeric worth
from Customized Fields, Product score 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 easy 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: Kind the outcomes utilizing the sorting
widget by any parameter. You may 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, Structure 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 cell responsive. Popups and collapsible choices are additionally out there. - search engine optimisation Guidelines choices: Make particular filtering pages out there for indexing, Publish 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 offered contained in the plugin which lets you
translate it into any language. - Appropriate with any theme design: Choose the filter’s major colour from the plugin’s settings
and the filters will look appropriate along with your theme. - Appropriate with Superior Customized Fields (ACF) plugin.
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 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.
Cellular gadgets
The issue with utilizing filters on cell gadgets, notably on smartphones, is the location of a widget with
filters. It’ll take up an excessive amount of area and transfer the grid down in case you place it above the merchandise grid. If you happen to
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, it is advisable to go to Filters > Settings and activate the “Particular Pop-up
Filters Widget for Cellular ” choice and save settings. After that, the Filters button ought to seem above the
merchandise record and will likely 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 choice.
To make use of unfolding of the Filter widget, allow the “Collapse Filters Widget on Cellular 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, attempt enabling the “Sidebar on high” choice in
Filters > Settings. If that doesn’t assist, please ask your website’s webmaster that can assist you.
Shortocodes
The Filter Plus plugin has 4 shortcodes that can help you show the Filters widget, Chosen
Filters (Chips), Sorting Widget, and the Button that opens the Filters widget on cell gadgets.
Filters widget
[fp_widget] – lets you 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 so on. Shortcode arguments
can help you change the widget properties.
Instance: [fp_widget title="The title" id="10" show_selected="yes" show_count="yes"]
- title → widget title. Non-obligatory.
- id → Filter Set ID you wish to show. Observe that this Filter Set should be positioned on this
web page. Non-obligatory. If you don’t specify, the widget with the best precedence will likely be displayed based on 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 a listing 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. Non-obligatory parameter. If not
specified, all chosen phrases of all Filter Widgets on the web page will likely be displayed by default. After all, the
specified time period should correspond to the Filter Set, which is positioned on this web page. - cell → determines whether or not to show chips on cell gadgets. By default, chips are hidden on
cell gadgets. - reset → lets you flip off the “Reset all” button and never show it. The button is displayed by
default.
Sorting Widget
[fp_sort] – lets you show Sorting Widget in desired locations, the place common WordPress widgets should not
out there.
Instance: [fe_sort id="2"]
- id → ID of the Sorting Widget.
Filters open button, for the cell gadgets
[fp_open_button] – shows the Filters opening button on cell 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.
Instance: [fp_open_button id="7"]
- id → determines which Filter Set to open. Non-obligatory 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.
Backend Settings
Lets now discover the backend of the three widgets one after the other:
Filters Widget
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 accomplished so that you just should not have to
individually disable the widget on pages the place filtering just isn’t wanted.
The next situations should 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?” area in a Filter Set comparable to the web page the place you wish to show it.
- The Publish kind specified for the Filter Set matched the Publish kind of the web page or chosen WP Question.
- The sidebar or widget space, the place you positioned the Filter widget just isn’t hidden by default (requires a click on to
change into opened). Generally this occurs on cell gadgets. - You probably have the “Disguise empty Filters” checkbox enabled at the very least one filter time period on this Filter Set contained
at the very least one publish
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 Look > Widgets and drag the widget referred to as “Filter Plus — Filters” to the Sidebar that
pursuits
you.
Chips Widget
The Chips widget will present the chosen filter attributes in addition to a reset button to take away the entire
picks.
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 Look > Widgets and drag the widget referred to as “Filter Plus — Chips” to the Sidebar that
pursuits
you.
Sorting Widget
Filter Plus plugin comprises the Sorting Widget that lets you kind filtered posts or merchandise in truth by any
standards. It helps the record of all post-related standards and Meta key or Meta key numeric.
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 Look > Widgets and drag the widget referred to as “Filter Plus — Sorting” to the Sidebar that
pursuits
you.
Within the widget settings type you may edit or add new sorting choices utilizing the button “+ Add sorting choice“. Additionally,
you may change the order of the sorting choices by dragging them up and down.
As well as, you should utilize the Sorting Widget shortcode to insert the Sorting dropdown within the place, the place common
WordPress widgets should not supported.
Once 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 → Record of the entire Filter Units.
- Add New → Add a brand new Filter Set.
- search engine optimisation Guidelines → Record of search engine optimisation 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
Publish kind they are going to filter. The Filter Units created will likely 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 photos 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 akin to habits, look,
filtering logic, and others. Filters may be Taxonomies, Customized Fields and Writer, so you may filter WooCommerce
merchandise or WordPress posts
by nearly any parameter!
For extra choices, click on on the “Extra choices” button and you may set the next choices:
- Title → The title of the Filter. It’s displayed within the filter widget. Non-obligatory.
- Filter by → Criterion by which posts will likely be filtered. It may be something associated to Taxonomy, Customized
Subject, or Writer in WordPress. Required. - Meta Key → Title of the Customized area by which posts will likely be filtered if you choose one of many Customized
Subject filtering choices. - Prefix for URL → Determines which phrase or symbols will likely 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. Doable values are: Checkboxes,
Radio Buttons, Labels record, Dropdown, Vary - Filter Logic → Filtering logic. Doable values are “OR”, and “AND”. “OR” means to indicate posts which might be
current in at the very least one of many chosen phrases. “AND” means to show solely these posts which might be current in
all chosen phrases on the similar time. - Kind Phrases by → Determines standards by what to kind phrases within the Filters widget and the order of this
sorting – descending or ascending. - Exclude Phrases → Permits to specify which phrases needs 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 will likely 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 normal record of chosen
phrases. Enabled by default. - Use for Variations → Determines how one can filter variable merchandise – by the properties of their
variations or their mother or father merchandise. - Present Hierarchy → Determines whether or not to indicate the hierarchy of phrases within the Filter. If enabled, baby
phrases will likely be hidden within the collapsible record by default. Disabled by default. - Search area → Provides a search area above phrases listed within the Filters Widget and offers 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. Could be a quantity, optionally
with a fractional half. The default worth is 1. - Tooltip → Brief rationalization for a Filter that seems within the Filter title. Helpful for conditions,
when filtering standards should not apparent and require further rationalization
Extra Filter fields
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 publish:
- Title → The title of the Filter Set. Used solely within the WordPress Admin Panel and isn’t displayed on
website
pages. - Publish kind → Determines Publish kind for posts that will likely be filtered. For instance, for WooCommerce
merchandise, you want
to pick out Publish kind “Merchandise”. - Location → Defines a web page the place this Filter Set will likely be utilized.
- WP Question → Determines what WP Question on the chosen web page will likely be filtered. This lets you filter
not solely
the default WP Question (Predominant question), but additionally any customized one. - Empty Phrases → Defines whether or not or to not disguise within the filtering widget phrases that don’t include posts
in any respect. - Present depend → 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 the complete Filter from the widget if none of its
phrases include posts. - CSS ID or Class of Posts Container → Means that you can specify a person posts container selector for
appropriate AJAX filtering for this
Filter Set. - Precedence → Means that you can set the precedence for the filter set. This selection is beneficial on pages the place
it is advisable to
use a number of filter units and the order wherein they seem relies on the given precedence.
search engine optimisation Guidelines
search engine optimisation Rule is a set of parameters that decide what pages among the many filtering outcomes pages needs to be
out there for indexing by Search Engines. It additionally determines what values of search engine optimisation parameters needs to 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 permit to indexing of all filtering outcomes pages that match this Rule.
To create an search engine optimisation rule, go to Filters > search engine optimisation Guidelines > Add search engine optimisation Rule within the WordPress Admin Panel, fill within the
required
fields, and save the Rule. Discover: search engine optimisation Guidelines don’t work in case your website is closed from indexing in any respect!
Create an search engine optimisation Rule
Solely these Publish varieties for which there are Filters activated for indexing can be found. You may
specify which Filters can be found for indexing in Filters > Settings > Listed Filters by marking applicable
checkboxes. Now let’s create an search engine optimisation Rule.
Set the specified values and save the rule.
- Publish kind → Specifies the Publish kind to posts to which the Rule will likely be utilized.
- Filters Mixture → Determines filtering outcomes web page that matches this search engine optimisation Rule. This will likely be a
web page that comprises all the desired filters directly. - search engine optimisation Title → The contents of this area will likely 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 → Textual content from this area will likely be current on pages that matched the search engine optimisation Rule. This article is going to
be seen to guests. - search engine optimisation Rule title → Schematic URL of filtering outcomes pages that matches this Rule. Stuffed in
robotically.
Settings
There are tons of choices out there to alter the habits/look of the Filters. Let’s discover the 5 tabs
of settings one after the other.
Basic
Within the normal 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 ?colour=black;crimson&dimension=massive
“colour” and “dimension” are prefixes for “Colour” and “Measurement” Filters.You may edit values of URL prefixes for filters
and in addition change their order within the URL if Permalinks are enabled in your website. To alter 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 optimisation Guidelines, we have to choose the checkboxes from this tab. You may 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 Publish kind.
For instance, if the indexing depth for the Publish kind Product is 2, it signifies that pages of filtering outcomes with a
URL path:
/brand-colins/color-black/
will likely be out there for indexing.
However pages with URL that comprises three sections like this:
/brand-colins/color-black/size-large/
will now 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.
Experimetal
This settings tab is especially associated to the looks and format. The choices are self-explanatory.
Request a Characteristic
Please contact our assist workforce to request one other function or any customization.
Changelog
Model 1.1.4 * Mounted - PHP 8.1 trim() discover and one other PHP error. Class technique accessibility concern. * Mounted - Lacking JS library concern.
Model 1.1.3 * Mounted - Plugin CSS and JS information naming battle with different plugins/themes.
Model 1.1.2 * Mounted Filtering not being carried out when the language is Hebrew.
Model 1.1.1 * Mounted Product choices not updating on newest WP model.
Model 1.1.0 * Plugin made appropriate with the newest WordPress model 6.0.1 * Mounted Mounted filter mixture dropdowns not exhibiting in search engine optimisation rule and search engine optimisation rule not engaged on frontend * Mounted Elementor editor concern * Mounted lacking JS library in case of WooCommerce not put in * Mounted dropdown filter not working * Added transients updating after filter set is up to date
Model 1.0.0 * Preliminary Launch.
