Home » Elementor Filter
tl;dr: Ab Elementor 3.15 gibt es das Widget Taxonomy Filter. Endlich benötigt man für diese Funktion keinen Drittanbieter mehr. Voraussetzung ist die Verwendung von Loop-Grid zur Anzeige des Archivs.
Endlich – mit einer gefühlt mindestens 2jährigen Verspätung taucht in der aktuellen Beta-Version von Elementor endlich eine Funktion zum Filtern nach Taxonomien auf. Das neue Widget Taxonomie-Filter nutzt die aktuelle Loop-Technik. Daher sind (eine aktuelle Installation der beta-Version vorausgesetzt) das Experiment Taxonomy Filter und das Stabile Feature Loop zu aktivieren. Im Dashboard unter Elementor > Einstellungen > Eigenschaften.
Unter den Widgets taucht die neue Funktion unter Pro auf – eine gültige Lizenz ist Voraussetzung für die Nutzung. Die Idee die Funktion in ein eigenes Widget zu packen und nicht einfach als Tab innerhalb der Loop-Funktion ist ein guter Ansatz. Damit ergeben sich gestalterisch mehr Freiheiten.
Die Loop-Funktion ist in der Zwischenzeit ein Stabiles Feature und kann mit gutem Gewissen eingesetzt werden. Übrigens funktioniert sie auch mit Abschnitten und nicht nur mit Containern. Trotzdem: die Umstellung auf Container sollte wohl – zumal sie schrittweise erfolgen kann – bei jedem Elementor-Projekt zumindest begonnen haben.
Die Trennung von Loop und Filter macht es notwendig, dem Widget Taxonomy Filter mitzuteilen, mit welchem Loop es arbeiten soll. Die Grids werden automatisch durchnummeriert. Unter Taxonomie kann man zwischen Kategorien und Schlagworten wählen. Die Richtung lässt horizontale und vertikale Filter-Buttons zu, die ausgerichtet werden können.
Bei horizontal gewählter Ausrichtung kann im Tab Einstellungen ein horizontales Scrolling ein/ausgeschaltet werden.
Im Tab Einstellungen kann man festlegen, ob Taxonomien ohne Inhalte (also zb: Kategorien ohne Beiträge) angezeigt werden sollen. Weiters kann. man die Auflistung von Unterkategorien ermöglichen und hier auch die Ebenenanzahl festlegen. Die Option First Item erlaubt eine Filtermöglichkeit nach All – der Begriff kann frei gewählt werden. Schließlich kann auch die Anzahl der angeführten Taxonomien beschränkt werden.
Im Tab Elemente wird nun die Gestaltung der Items vorgenommen. Eine (responsive) Möglichkeit zur Festlegung des Abstandes gibt es als erstes.
Die Optionen zur Typographie sind für alle 3 Zustände zu wählen. Textfarbe, Schatten, Hintergrund und Rahmen wird für die 3 Zustände Normal, Hover und Aktiv eingestellt.
Border-Radius und Innenabstand wird wieder für alle 3 Zustände gemeinsam definiert.
Das Widget funktioniert auch mit über ACF erstellten Inhaltstypen und auch über mit ACF erstellte Taxonomien.
Es schaut also sehr gut aus, dass dieses Widget und damit diese Funktionalität sehr schnell den Alpha-Status verlassen wird und mit dem normalen 6-Wochen-Update-Zyklus von Elementor den Anwendern zugänglich gemacht wird.