Fontawesome Icons in der Pulldown-Navigation anzeigen
Beim Trade-Template ist es möglich neben der Kategoriennamen kleine Icons darzustellen. Die Icons sind eine Schriftart, namens
Font Awesome.
Ein neues Funktionsattribut anlegen
- Erstelle in JTL-Wawi ein neues Funktionsattribut für den Bereich <Kategorie>.
- Der Attributname sollte „icon“ heißen.
- Aktiviere das Funktionsattribut in deinem Shop.
Das Funktionsattribut einer Kategorie zuweisen
- Gehen in deine Wunsch-Kategorie auf den Reiter <Attribute> und klicke unten auf den Button <Anlegen>.
- Tippe dort „icon“ ein und wähle den Eintrag mit einem Doppeltklick aus.
- Trage als Wert die Klasse des Fontawesome Icons ein, z.B. „far fa-headphones".
Related Articles
Eigene Icons einbinden
In diesem Beispiel zeigen wir wie du ein Warenkorb-Icon im Template durch ein anderes austauschen kannst. Passendes Icon aussuchen Im Template sind Fontawesome-Icons der Free Version 5.1 verbaut. Wir überschreiben das vorhandene Icon mit unserem ...
Eigene Badges in der Pulldown-Navigation
Beim Trade-Template ist es möglich neben der Kategorienamen auch kleine Badges anzuzeigen. Das können kleine Hinweise sein, wie Neu, Top, Best etc. Ein neues Funktionsattribut anlegen Erstelle in JTL-Wawi ein neues Funktionsattribut für den Bereich ...
Home-Icon statt Text in der Navigation anzeigen
Nachfolgend eine Lösung, in der Navigation statt dem Text ein Home-Icon anzuzeigen. Verschiebe die speziale Seite "Startseite" in die Linkgruppe "megamenu". Vergebe die Sortierung "1". Öffne den Theme Editor mit dem Theme "MyClear". Wähle die Datei ...
Topbar in der mobilen-Version anzeigen lassen
Nachfolgend eine Anleitung, wie man im Template in der mobilen Version die Topbar bzw. den Topbar-Hinweis anzeigen lassen kann. Eine neue Header-Vorlage anlegen Erstelle im Child-Template eine neue Vorlage namens "header.tpl" mit folgendem Inhalt. ...
Slide-Out Navigation
Die Slide-Out Navigation bietet eine interessante, übersichtliche Alternative für das Megamenü. Beim Klick auf das Menü-Button fährt die Navigation von links nach rechts aus.