📂 CoDesigner Customization

Home » CoDesigner » CoDesigner Customization » How to Add a Horizontal Filter in my Shop page?

How to Add a Horizontal Filter in my Shop page?

Search filters help customers search for their products easily. This helps increase your site user experience as well as sales. Here are the steps to add a search filter:

Step 1: Install the CoDesigner plugin by navigating to Plugins > Add New.

CoDesigner Install

Step 2: Go to CoDesigner > Widgets and enable the Filter Horizontal widget. Then, click the Save Settings button.

Filter Horizontal

Step 3: Go to the Templates where you want to add the Filter and open it with Elementor.

edit the shop template

 

Step 4:  In the Elementor editor, search for the widget Filter Horizontal and drag it into a new section.

Drag the widget

Step 5: You can add sorting, custom form, alignment, and more. You can also design each and every part of your Filter Horizontal widget section. When everything is done, Publish the template to save the changes.

Edit filter Horizontal

 

Was this doc helpful?