So fügen Sie einen WordPress-Produktfilter in Elementor hinzu
Last Updated on 11/10/2021 by MTE Leben
In diesem Tutorial erfahren Sie, wie Sie WordPress-Produktfilter in Elementor hinzufügen.
Jeder von uns weiß, wie wichtig es ist, beim Erstellen der Website für den Online-Shop WordPress-Produktfilter hinzuzufügen. Die Suche wird komplizierter und schwieriger, wenn diese Funktion fehlt.
Stellen Sie sich vor, wie lange es dauert, den gewünschten Artikel im Online-Shop auszuwählen, wenn es keine Filter zum Sortieren der Ware gibt. Alle modernen Marktplätze fügen die Filter zu ihren Produktseiten hinzu, um Ihre Suche einzugrenzen und die Chancen zu erhöhen, den richtigen Artikel zu finden. Dank des WordPress Ajax-Produktfilters können Sie die Produkte nach Kriterien wie Farbe, Marke, Preis, Kategorie usw. sortieren.
Attribute zu Ihren Produkten hinzufügen
Attribute helfen Ihnen, Ihre Produkte nach persönlichen Merkmalen zu definieren und die Filter zum Laufen zu bringen. Um Attribute hinzuzufügen, gehe zum Tab „Produkte“ im Dashboard deines WordPress-Themes und suche die Kategorie „Attribute“.
Tragen Sie den Namen und andere Daten Ihres neuen Attributs in die speziellen Felder ein und klicken Sie auf die Schaltfläche „Attribut hinzufügen“.
Erstellen eines Produktfilters in Elementor
Gehen Sie zur Registerkarte “Smart Filters” und klicken Sie auf die Schaltfläche “Neu hinzufügen”, wenn Sie einen neuen Filter erstellen müssen, oder klicken Sie unter dem vorhandenen auf “Bearbeiten”, wenn Sie ihn verbessern möchten.
Nachdem sich das Fenster mit den Filtereinstellungen geöffnet hat, können Sie diese nach Ihren Wünschen abstimmen.
Geben Sie den Titel Ihres Produktfilters in Elementor ein. Wählen Sie den Filtertyp aus. In unserem Fall verwenden wir den visuellen WordPress-Ajax-Produktfilter.
Scrollen Sie dann nach unten, um die Registerkarte “Optionsliste” zu finden, und fügen Sie die erforderlichen Optionen mit der Schaltfläche “+ Neue Option” hinzu. Fügen Sie das Etikett ein, wenn es auf der Seite angezeigt werden soll, oder lassen Sie das Feld leer. Im „Wert“ können Sie aus den Farben auswählen, die im Dropdown-Menü angezeigt wurden. Wählen Sie das Medium, wenn Sie den Bildtyp ausgewählt haben, oder die erforderliche Farbe, wenn der Farbtyp ausgewählt ist.
Klicken Sie dann oben rechts auf „Veröffentlichen“ oder „Aktualisieren“.
Produktfilter zu Ihrer Produktseite hinzufügen
Suchen Sie die Seite, auf der Sie den Filter hinzufügen müssen, und klicken Sie auf “Mit Elementor bearbeiten”.
Geben Sie „Visual Filter“ in das Suchfeld ein und ziehen Sie das Widget per Drag&Drop in das erforderliche Feld.
Wählen Sie unter „Ausgewählter Filter“ den Filter aus, den wir im vorherigen Schritt erstellt haben. Wenden Sie die erforderlichen Einstellungen an und gestalten Sie Ihren Filter nach Ihren Wünschen. Sie können die Größe von Bildern, Füllungen usw. ändern. Darüber hinaus können Sie im Abschnitt Erweitert Ihr Widget animieren, den Hintergrund ändern und vieles mehr.
Klicken Sie auf die Schaltfläche „Aktualisieren“ und genießen Sie das Ergebnis, das wir erhalten haben.