Eigene Badges in der Pulldown-Navigation

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

  1. Erstelle in JTL-Wawi ein neues Funktionsattribut für den Bereich <Kategorie>.
  2. Der Attributname sollte "label“ und "class" benannt sein.
  3. Aktiviere das Funktionsattribut für deinen deinem Shop.

Das Funktionsattribut einer Kategorie zuweisen

  1. Gehe in deine Wunsch-Kategorie auf den Reiter <Attribute> und klicke unten auf den Button <Anlegen>.
  2. Tippe dort "class" ein und wähle den Eintrag mit einem Doppeltklick aus.
  3. Trage als Wert die Klasse ein, z.B. "ribbon-2".
  4. Wiederhole das Ganze mit dem Attribut "label". Als Wert kannst du deinen eigenen Text eingeben.

Welche Badges gib es generell?

Wir orientieren uns an die bestehende Badges des JTL-Shops. Diese findest du über den Theme Editor in der Datei "_variables.scss". Du kannst jederzeit auch deine eigene anlegen.

    • Related Articles

    • 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 ...

    • 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 ...

    • 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.

    • Remake-Template - Changelog

      Aktuelle Updates zum Remake JTL5-Template, https://www.themeart.de/Remake-JTL-Shop-Template Version 1.2.3 Update auf JTL-Shop 5.6.x Boxed Layout berichtigt Version 1.2.2 Update auf JTL-Shop 5.5.3 Autom. Breite der Variationen in der Listen-Ansicht ...

    • Footer einstellen und eigene Inhalte einfügen

      Die Inhalte im Fussbereich können individuell eingestellt werden, wie das genau geht, zeigen wir in diesem Artikel. Eigene Boxen/Inhalte im Footer erstellen Gehe nach <Standardelemente> <Footer / Boxen> und scrolle bis zum Footer-Bereich. Dabei ...