Woocommerce Step Filter

B) Question Settings - top

Use the post content as a description of the question. The title of the post will be the step name.

First of all select one of view types. Possible types are:

Radio - simple HTML element;
Select - simple HTML element;
Checkbox - simple HTML element;
Multi-choice checkbox - complex element to define OR/AND/NOT relation for each option;
Multi-choice range - complex element to define OR/AND/NOT relation for each option;
Image radio - simple HTML element with an image within;
Image checkbox - simple HTML element with an image within;
Number from - range input with one handler;
Number to - range input with one handler;
Number between - range input with two handlers.

After you can select a filter type setting. You can see not all of the variants are allowed. This depends on the selected view type. Possible types are:

Attribute - filter by a product attribute taxonomy;
Price - just a price filter;
Tag - filter by product tags;
Category - filter by product categories;
Manual - manual selecting of products or categories;
Meta - filter by meta key.

Some of the combinations have Action on click setting. It allows making action on selecting the valueThere is possible to do:

None - to do nothing;
Submit - submit value and stay on the step;
Submit and go next - submit value and go to the next step.

Types with the only answer have Doesn't matter setting to not filter results by the question.

Types with a few possible answers have a Relation setting to define "OR" or "AND" relation between the selected answers.

There is a possibility to make the question invisible in the filter until of firing of some dependency. Use the Dependencies settings table for this. Select another question in the dropdown, then select its value in the next field and the comparison operator. Then this question will be visible only then this dependency will be met.

If you need to make more complex dependency then add more dependency rows in the table and define relations between them.

Attribute filtering

Filtering by an Attribute with Numeric view will work correct only with numeric values of the attribute.

Category filtering

With category type the question will have product categories as values.

You can define Category parent setting to get sub-categories by this category.

You can tick Include sub-categories setting to output all children.

Manual filtering

Manual filter type allows to create and configure each possible value you need in the question.

Click on the Add a value button to add a row with settings.

Each value could have the settings:

Image - for image checkbox/radio view types;
Pre-checked - setting to make the value checked by default;
Name - a label of the value;
Dependencies - define the rules of showing of the value;
Source - set the value's source.

In the value source modal you can select one of the values:

Any product - not filtering at all;
Category - filter products by one or a few categories;
Product - choose products in the result of the value.

Meta filtering

The Meta key setting is required for this type of filtering. Place a string to it and the question will collect all of the possible values of this meta key of products and then use them as the question's values.

For the numeric views the min and the max meta values will be used for the limits, but they should have numeric type.

C) Filter Settings - top

Select created questions for using and change their order.

There are three modes allowed:

Free walk - allows to walk through the questions as user wants;
Step by step - allows only to go consistently though questions;
Single step - show all questions one after one.

After tuning all settings, copy the shortcode into any page content to output the filter.

This is possible to Show results withing the filter on the last step without a redirect to another page. This tab could have any title.

If you tick the Show preliminary results count setting there will be a tooltip shown on each question value change.

The filter can check and Disable unmet values which will lead to zero results.

Results URL should have a URL to a shop or category page or just "#" symbol to stay on the same page (for the using as a widget).

Also, you can limit the Maximum products number results.

This is possible to Scroll to top on the form update to let the user see the starting of the next question on submit. Also, there is the gap setting to not scroll the page to hight.

Navigation items might have one of the Nav action on click - just go to the next step or submit and go next.

Select on of Nav view values to change navigation view.

Use the post content as a description of the first step. If you need this, check the Enable description tab setting. To change the step title, change the description tab title setting.

You can Enable "Skip" button if you want to allow users to skip the questions.

Lower you can find all controls labels to change them.