Anpassungen
Produktüberschriften drei- oder vierzeilig einstellen
Standardmäßig wird die Artikelüberschrift auf der Artikelliste zweizeilig angezeigt. Fällt die Überschrift länger aus, so werden weitere Zeichen automatisch ausgeblendet. Dies ist eine Funktion, um alle Artikelüberschriften einheitlich anzeigen zu ...
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. ...
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, ...
Der Schrift in der mobilen Version ist viel zu klein
Wir haben in Templates eine responsive Schriftgröße eingeführt, d.h. man kann die Schriftgröße individuell je nach Geräteklasse einstellen. Dabei wird zwischen drei Geräteklassen unterschieden: XS - Smartphones SM - Tablets LG - Desktop So kannst du ...
Layout verschiebt sich beim geöffneten Modal-Fenster
Bei aktiviertem Layout "boxed" und öffnem eines modal-Fensters verschiebt sich der Kopfbereich. Eine Abhilfe schafft diesen Code, welcher über den Theme Editor eingefügt werden kann. Theme: MyTemplatename Datei: custom_crit.scss .body { ...
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 ...
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 ...
Einen eigenen OnPage Composer Bereich erstellen
Nehmen wir an, du möchtest direkt unter dem Breadcrumb einen Banner über die volle Seitenbreite erstellen. Das Template beinhaltet diese Möglichkeit nicht, allerdings lässt sich dies relativ einfach bewerkstelligen. Die Vorlage lokalisieren Die ...
Verifikation-Tag im JTL-Shop 4 Template einfügen
Die JTL-Shop 5 Templates (ab Premium) beinhalten standardmäßig die unten benannte Integration. Findest du unter den Template-Einstellungen. So kannst du den Verifikation-Tag in deinem JTL-Shop 4 Template einfügen um deinen Shop bei Google, Facebook ...
So kannst du deine Bankdaten bei Bestellabschluss anzeigen
In der Regel werden die Bankdaten bei Auswahl der Zahlungsart "Vorkasse" in der Bestellbestätig-Email angezeigt. Die Voraussetzung ist, du hast die Bankdaten i JTL-Wawi bei Firmenangaben eingetragen. Nachfolgend zeigen wir, wie du die Bankdaten bei ...
Mit Theme Editor die Template-Farben anpassen
Mit dem Theme Editor kannst du die Template-Farben individuell einstellen z.B. passend zum Corporate Design oder Logofarben.
Logo zentrieren in der mobilen Ansicht
Um dein Shoplogo im Header in der mobilen Ansicht mittig zu platzieren, füge diesen CSS-Code in deine < bootstrap.css> unter /templates/FlatChild/themes/DEIN-THEME/ ein: @media (max-width: 480px) { #logo a img { display: block; margin-left: auto; ...
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 ...
Eigenen Javascript Code im Template einbinden
In diesem Beispiel zeigen wir, wie du im Template im Footer einen eigenen Javascript Code einbinden kannst. Eine neue Footer-Vorlage anlegen Falls du in deinem Child-Template noch keine Footer-Vorlage hast, ist es jetzt an der Zeit eine zu ...
Weitere Flaggen im Template definieren
Alle Templates beinhalten standardmäßig nur zwei Flaggen für deutsch und englisch. Möchte man seinen Shop um weitere Sprachen erweitern, so kommt man um eine Anpassung des CSS-Codes nicht herum. Etwas Hintergrundwissen… Beim Einbinden einer weiteren ...
Angepasstes Child-Template aktualisieren
In der 4er JTL-Shopversion arbeitet man mit Child-Templates, um eigene Anpassungen vom Original bzw. Vater-Template zu trennen, damit diese später besser gewartet werden können. Doch wie geht man am besten vor, wenn das Vater-Template aktualisiert ...
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 ...
Mehrfaches Einbinden von Inhalt-Bausteinen
Die Templates sind so gestaltet, dass jeder Baustein bei Bedarf nicht nur mehrfach genutzt werden kann, sondern auch einen eigenen relativ einfach erstellt werden kann. Wie das geht, kläre ich in diesem Artikel. Bestehenden Baustein mehrfach ...
Copyright-Hinweis im Template entfernen
Im JTL-Shop 5 Template Gehe in deinen Child-Template-Ordner z.B. "MyAviator" in den Unterordner /layout/. Benenne die Vorlage "footer_.tpl" um, nach "footer.tpl". Im JTL-Shop 4 Template Wenn du das Template mit Option „ Ohne Copyright“ erworben ...
So erstellst du ein Child-Theme für den JTL-Shop 4
In diesem Artikel zeigen wir, wie du ein eigenes Child-Theme für deine Anpassungen erstellst und eine saubere Grundstruktur definierst. Du erfährst, welche Dateien du brauchst und wie du sie richtig einbindest. Eine Grundstruktur definieren Das ...