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:
- Choose the type of taxonomy: categories, product attributes, and more.
- Decide on the orientation: vertical or horizontal.
- Adjust display settings: show empty items, display child categories, or limit displayed items.
Styling the Taxonomy Filter
Give your taxonomy filter a unique look:
- Adjust the border-radius.
- Pick colors that suit your style.
- 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.
