Back to contents

JetSmartFilters. How to set filters in line (based on Checkboxes, Check Range and Radio filters)

Continue reading this tutorial to know about the process of setting the linear position of the Checkboxes, Check Range and Radio filters.

JetSmartFilters provides a new option in the Checkboxes, Check Range and Radio filter widgets, which allows adjusting filters in line.

Setting the filters in line

1 Step — Working in Elementor

Open the page, where you have the Checkboxes, Check Range or Radio filters, in Elementor editor.

2 Step — Editing the widget

Click the Edit the widget option, which appears if you hover on one of the mentioned widgets on the page.

edit the checkboxes widget

3 Step — Customizing the position of the filter

Now you can see the settings block on the left. You need to go to the Style tab and specify the position of the filter picks in the Filters Position Line.

items style customization for the Checkboxes filter

4 Step — Viewing the filter on the frontend

Click the Update button on the bottom to save the changes. View how the filter options look on the page.

checkboxes filter sample

Well done! It is easy to customize the position of the filters on the page using JetSmartFilters functionality.