Help Center

Alphabet Filter Overview

Alphabet Filter Overview

This tutorial explains how to create an Alphabet filter using the JetSmartFilters plugin.

JetSmartFilters allows visitors to filter content on the website easily. With the Alphabet filter, you can filter posts and products by title in alphabetical order.

Let’s find out how to create an Alphabet filter.

Creating Alphabet Filter in WordPress Dashboard

Open the Smart Filters tab in your Dashboard and add a new filter. Here you need to type in the Name, Filter Label, and Active Filter Label for your filter.

filter labels

In the Filter Type section, you need to choose the “Alphabet” type. After that, in the Behavior dropdown, you can choose between the “Checkbox” or “Radio” type. 

alphabet filter behavior

The next step is to choose Options. Here you can add all needed letters from the alphabet.

alphabet filter options A to Z

That’s all. Don’t forget to save the changes.

Warning

The filter will search only through posts or product titles.

Assigning Alphabet Filter to Products

In this tutorial, we’ll filter products, but you can also filter posts. The way of filtering will be the same. You’ll just need to choose the post widget from the dropdown in the filter. 

Open the page where you want to add a filter and drop the Alphabet Filter widget to the section.  

alphabet filter widget in elementor

Select the filter you’ve created before and apply it to the needed widget. In our case, we’ll filter the Products Grid widget.

alphabet filter setup for products grid in Elementor

Fill in the other fields and do the styling. Then check how it works.

Now you know how to filter your posts and products with the help of the Alphabet filter.

Was this article helpful?
YesNo

Need help?

Ask Facebook community

Get answers from 22K Crocoblock Community experts from all over the world.

Start a live chat

Ask question to support agent and share its details via chat messages.