Hinweis in der Topbar einfügen oder bearbeiten

Hinweis in der Topbar einfügen oder bearbeiten

In der Topbar ist es möglich zwischen dem Google Translator und den Links einen individuellen Hinweis anzuzeigen.

Hinweis einfügen / bearbeiten

Der Hinweis im JTL-Shop 5 ist standardmäßig nicht belegt und kann über die Sprachverwaltung eingefügt werden.

Wo: <Administration> <Sprachvariablen>
Suchen nach:  topbarNote

Nun auf die weiße Fläche bei <Inhalt> klicken und eigenen Text eintragen z.B. "Wir versenden noch am selben Tag mit DHL."


Eigene Icons einbinden

Das Template beinhaltet die freie Version von Fontawesome in der 5er Version. Man kann alle Hinweise mit passenden Icons kombinieren.
  1. Suche dir ein Icons aus und klicke auf dieses.
  2. Im Modal klicke im HTML-Reiter auf das Inhalt/Code.
  3. Der wird nun in die Zwischenablage kopiert und kann im Shop neben deinem Text eingefügt werden.


Weitere CSS-Klassen einbinden

Du kannst in die CSS-Klasse des Icons auch weitere CSS-Klassen einfügen, z.B. für Abstand oder primäre Farbe.
  1. <i class="fas fa-truck mr-2 text-primary"></i>



    • Related Articles

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

    • E-Mail Adresse in der Topbar platzieren

      Diese Funktion steht lediglich bei folgenden Templates zur Verfügung: Flex Es soll im Kopfbereich neben der Telefonnummer auch eine Email-Adresse platziert werden. Wie das genau geht, geht in diesem Artikel. Alle Anpassungen führen wir standardmäßig ...

    • Header mit Hintergrundbild versehen

      Als Beispiel für unser Tutorial nehmen wir das Remake-Template. Es soll lediglich die reguläre Vorgehensweise gezeigt werden, wie so etwas funktioniert, ist bei jedem Theme identisch. Für die Bearbeitung des Themes verwenden wir den JTL Theme Editor. ...

    • Wie kann ich die Topbar im Template deaktivieren?

      Die Topbar lässt sich im Template unter den Template-Einstellungen deaktivieren. Suche dort nach dem Bereich " Header " und setze die Einstellung " Topbar anzeigen " auf " Nein ". Topbar im Nova-Template ausblenden Um diese Änderungen vorzunehmen, ...

    • Hinweis "Versandkostenfrei ab x Bestellwert" bearbeiten

      Die Textpassage im Kopfbereich des Templates findest du in der Sprachverwaltung.  Zuerst wählst du die gewünschte Sprache aus, anschliessend klickst du auf den Reiter Suche und gibst deinen zu suchenden Text ein. In der Auflistung erscheinen alle ...