August 14, 2023

Get Familiar with the New Elementor Loop Grid Taxonomy Filter

Play Video

Already had a go with the new Elementor loop grid taxonomy filter? Although it still needs some improvements it might be a good time to have a look and get familiar with it. In this tutorial, we will go through the settings and known issues.

Introduction to the Elementor Loop Grid Taxonomy Filter

Elementor’s taxonomy filter is like that secret ingredient in your favorite dish. While I’ve chatted about it in the past, it’s evolved quite a bit, and there’s a lot more to explore now.

Setting Up the Elementor Taxonomy Filter

Before we start, ensure you have the right settings activated in Elementor (Elementor > Settings > Features) :

  • Flexbox container
  • Taxonomy filter
  • Loop

Also, make sure you’re using Elementor version 3.15 and have Elementor Pro. It’s like having VIP access to the best party in town.

Implementing the Elementor Loop Grid Filter

The loop grid is your canvas, letting you display your content just the way you like. You can showcase a featured image, the title, the date, and even sprinkle in some extras like category or excerpt.

Integrating the Elementor Filter Loop Grid with the Taxonomy Filter

Here’s where the magic happens. Add the taxonomy filter widget and link it with your loop grid. Sometimes, the filter might not recognize your loop grid due to a known bug. If that happens, head back to Elementor tools and regenerate your files (Elementor > Tools > General).

Customizing the Taxonomy Filter

Dress up your taxonomy filter to match your style:

  1. Choose the type of taxonomy: categories, product attributes, and more.
  2. Decide on the orientation: vertical or horizontal.
  3. Adjust display settings: show empty items, display child categories, or limit displayed items.

Styling the Taxonomy Filter

Give your taxonomy filter a unique look:

  1. Adjust the border-radius.
  2. Pick colors that suit your style.
  3. Set the spacing to give each item room to breathe.

Limitations and Challenges of the Taxonomy Filter

While the taxonomy filter is a great tool, it has its quirks:

  • Bi-directional filtering can be a bit tricky.
  • Styling options might feel limited, but with a bit of creativity, you can make it work.

Benefits of the Elementor Loop Grid Taxonomy Filter

The Loop Grid Taxonomy Filter sorts, filters, and displays content in real time. No more jumping between pages or waiting for content to load.

Wrapping Up

While still new and in need of some improvements, with the new Loop Grid Taxonomy Filter, you’ve got a fantastic tool in your web design toolkit. Give it a try, experiment, and make it your own. Remember, it’s all about showcasing your content in the best light.

Required Resources

Elementor Logo
Free Options
Credit to Web Squadron
Web Squadron is a popular YouTube channel dedicated to providing informative tutorials, tips, and insights on web development and design. With a strong focus on WordPress and website builders like Bricks Builder, the channel aims to help users of all skill levels, from beginners to advanced developers, create and optimize their websites. By offering easy-to-understand, step-by-step guidance, Web Squadron provides practical and valuable content.
Get Familiar with the New Elementor Loop Grid Taxonomy Filter
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.