Product filters
ShopWired's product filters functionality allows you to add attributes to products (such as colours or styles), group them, and allow your visitors to use them to filter the products they view on category, brand, and search results pages on your website.
What are product filters?
Product filters are attributes added to products that allow visitors to narrow down the types of products they are looking for. A single product filter represents a single attribute such as a colour (e.g. Blue) or a style (e.g. Classic).
Similar filters are grouped into Filter groups. For example, a filter group called Colours would contain all the different colour filters added to your products.
Filter groups and their filters are typically displayed on category pages, brand pages, and search results pages on your website, helping visitors navigate your website and reducing the number of categories needed.
How to set up product filters
How to set up product filters
To set up product filters on your ShopWired account:
- Navigate to Apps
- Locate the Product filters app
- Select
install this app
- Create filter groups (described below)
- Configure filters for your products (described below)
- Filters can be configured either when creating or editing the product or through the product import/export system
Filter groups
Filter groups
As described above, filters are grouped together into categories such as Colour or Style.
To create a filter group:
- Navigate to Settings > Filters
- Select
create filter group
- Enter the Filter group name of the filter group, which is the name that will appear on your website and in your ShopWired account
- Enter the Sort order of the filter group, which determines the order it displays on your website
- A filter group with a low sort order, e.g.
1
, will appear before a filter group with a higher sort order, e.g.10
- Where a filter group doesn't have a sort order, or two or more filter groups share the same sort order, filter groups are ordered alphabetically
- A filter group with a low sort order, e.g.
- Select Page types for the filter group, which determines the pages on which it will be displayed
All pages
means it will be displayed on all category, brand, and search results pagesAll categories
means it will only be displayed on (all) category pagesAll brands
means it will only be displayed on (all) brand pagesSearch page
means it will only be displayed on the search results pageCategory
means it will only be displayed on category pages you select- You can only select
Brand
means it will only be displayed on brand pages you select
How filter groups and filters work
When a visitor uses the filters on your website:
- Selecting two or more filters from the same filter group is treated as an
or
request (products matching any selected filters are displayed) - Selecting two or more filters from different filter groups is treated as an
and
request (only products matching all filters across groups are displayed)
Price filters
Price filters
If you want visitors to filter products by price, create a Price filter group
- Create a filter group in the standard way described above
- Select the Is this filter group for product prices? setting
- Use the Price ranges setting to configure the price ranges available
- For example, ranges like
0 to 5
or5 to 10
for small value products, and0 to 50
or50 to 100
for higher value products - The first price range should have a from value of
0
, and the last range should have a to value of0
(which ShopWired uses to mean unlimited)
- For example, ranges like
Many of ShopWired's Version 4 and Version 5 themes display price filters as a slider, so adding price ranges may not be necessary. Contact support if you need assistance.
When creating a price filter group, ShopWired looks at the product price when determining whether to display the product.
Configuring the filters for a product
Configuring the filters for a product
When creating or editing a product, you can configure the applicable filters for the product:
- Navigate to the Product categorisation section
- Select the Filters tab
- Each filter group will be displayed within the tab
- Select the filter group you want to configure the filters for and enter the filters for the specific product
- Separate multiple filters with a comma, e.g.
blue, black
- Separate multiple filters with a comma, e.g.
- Configure filters for all applicable filter groups
- If there are no applicable filters for a filter group, leave it blank
Configuring filters for products using the product import/export system
Configuring filters for products using the product import/export system
You can configure the filters for products using the product import/export system using the Option
columns.
Before beginning, ensure you have created your filter groups. Filter groups cannot be created through the import system.
The column headings in your import template depend on the name of your filter groups and the order in which you created them in your ShopWired account. You should to get the required column headings.
- Leave the cell blank not to configure filters for a filter group
- If more than one filter is applicable to the product in the same filter group, enter multiple filters separated with a comma
Product ID | ... | Option 1 - Style | Option 2 - Colour | ... |
---|---|---|---|---|
123456 | ... | Contemporary, Neutral | Black | ... |
123457 | ... | Neutral | Beige | ... |
123458 | ... | Orange, Red, Purple | ... |
Changing the order that filters display on your website within a filter group
Changing the order that filters display on your website within a filter group
If you want to adjust the order in which filters display on your website within a filter group:
- Navigate to Settings > Filter sort order
- Locate the filter group you want to rearrange the filters for
- Use the compass icon to drag and drop the filter into a new position within the filter group
Filters and variations
Filters and variations
ShopWired's filter/variation syncing app can be used to automatically create filter groups from variation options and filters from variation values for your products.
The display of filters and filter groups on your website
The display of filters and filter groups on your website
How filters and filter groups are displayed is determined by your website's theme. Different themes will display filter groups, filters, and price filters differently.
You can change how filters and filter groups are displayed on your website by editing your theme's code or contact theme support for assistance.
Displaying filters associated with a product on the product page
Displaying filters associated with a product on the product page
By default, the filters configured for a product will not be displayed on product pages of your website (for example, as part of a specification table), but they can be added to display by adding some code to your website's theme files.
product.filter_values
Returns an array of filter groups and filters configured for a product.
{% for option, values in product.filter_values %}
option
returns the name of the filter group and value returns the name of the filter.