📂 CoDesigner Customization

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

How to Add a Filter Advance 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 is 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 Advance widget. Then, click the Save Settings button.

Filter Advanced

Step 3: You’ll need the Pro version of CoDesigner to access the Single product page 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, it’s easy to create one. 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.

Install Codesigner Pro

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

edit shop template

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

drag the widget

Step 7: You can add an Ajax filter, which items you want to filter, Taxonomy customization, Auto filter option, Setting Form action, and more. When everything is done, Update the template to save the changes.

customize the widget

 

Was this doc helpful?