Home » CoDesigner » CoDesigner Customization » How to Add a Filter Vertical 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.

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

Step 3: You’ll need the Pro version of CoDesigner to access the Filter Vertical widgets. To do this, Visit CoDesigner and choose a plan to purchase it.

Step 4:  If you don’t have an account to purchase the pro version, creating one is easy. Enter your email address, choose your first name, the last name, and create a secure password and payment information. That’s all you need to have the pro version.

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

 

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

Step 7: You can add components, Ajax filter, Auto filter option, Setting up Form action, and more. After setup design the filter from the Style tab. When everything is done, Update the template to save the changes.