Suche
Suche
Close this search box.
Elementor Filter

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.

Inhalt

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.

Elementor Taxonomy Filter
In den Experimenten kann ab Elementor 3.15 der Taxonomy Filter aktiviert werden.

Taxonomy Filter - ein neues Pro Widget

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.

 

Elementor Taxonomy Filter Widget
Das neue Widget taucht unter den Pro Widgets auf.
Taxonomie Filter Elementor Widget
In diesem Beispiel wurde das Filter Widget in einem eigenen Container untergebracht.

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.

Taxonomy Filter Layout
Neben der Zuordnung zum LoopGrid kann man zwischen Kategorien und Schlagwörtern wählen, die Richtung und die Ausrichtung festlegen

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. 

 

Einstellungen Taxonomie Filter
Die Einstellungsmöglichkeiten für das Taxonomy Filter Widget

Die Gestaltungsmöglichkeiten des Filter Widgets

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.

 

GestaltungsOptionen
Die Gestaltungsmöglichkeiten der einzelnen Taxonomie-Items sind gut durchdacht
Taxonomy Filter Beispiel
Praktisch: Aussehen und Funktion des Filter Widgets lassen sich auch im Backend von Elementor ausprobieren.

Fazit

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. 

Datenschutz
, Inhaber: Ing. Harald Martin (Firmensitz: Österreich), verarbeitet zum Betrieb dieser Website personenbezogene Daten nur im technisch unbedingt notwendigen Umfang. Alle Details dazu in der Datenschutzerklärung.
Datenschutz
, Inhaber: Ing. Harald Martin (Firmensitz: Österreich), verarbeitet zum Betrieb dieser Website personenbezogene Daten nur im technisch unbedingt notwendigen Umfang. Alle Details dazu in der Datenschutzerklärung.