Skip to content

How to Add Alphabetical Filter for WooCommerce in Elementor?

Table Of Content

A large product catalogue benefits from the same A-Z jump-bar pattern used for any long directory – here applied specifically to WooCommerce product titles.

This reuses the WP Filters widget’s Alphabet Filter sub-type, targeted at the store’s product listing instead of a generic custom post type.

For the full settings tour of the WP Search Filters widget, see WP Search Filters Widget Settings Overview.

Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Prerequisite: Elementor (free) installed and active.
  • Edition: WP Search Filters is a Pro widget – it requires The Plus Addons for Elementor Pro to be installed and active.
  • Widget to enable: go to The Plus Addons > Widgets, search for WP Filters and turn its toggle on.
  • Prerequisite: WooCommerce installed and active, with at least a few products published.
  • Products spanning several different starting letters.

Steps

Add the WP Filters widget to your product listing page, set Filter Type to WP Filter, then set Select Source to Alphabet Filter.

Alphabet filter bar applied to a woocommerce product listing

Settings Overview

SettingWhat it doesDefault
WP Filter TypeSet to Alphabet Filter for an A-Z bar.–

Related Docs

Related Frequently Asked Questions

Related Docs