JTL-Shop NOVA-Template einstellen: Theme, Header, Suchfeld, Megamenü und Filter

1. Template aktivieren und Einstellungen öffnen

Unter Allgemein lässt sich die Komprimierung von JavaScript- und CSS-Dateien einschalten. Laut JTL entfernt sie unnötige Zeichen aus den Dateien und verbessert so die Performance.

1. Im Backend unter Darstellung auf Einstellungen > Templates klicken.
2. In der Zeile des gewünschten Templates auf Aktivieren klicken, falls NOVA noch nicht aktiv ist.
3. In derselben Zeile auf Einstellungen klicken, Optionen anpassen und Speichern.

• JTL-Guide: Templates anpassen →
• JTL-Shop optimieren: Cache und Bilder →

2. Theme und Favicon

Unter Theme wählst du zwischen clear, midnight und blackline. Dort legst du auch fest, ob Slider und Banner im Contentbereich oder zwischen Content und Header erscheinen und ob die linke Seitenleiste nur auf Artikellisten oder auf allen Seiten angezeigt wird.

Für das Favicon ziehst du eine PNG-Datei mit 512 x 512 Pixeln in das Feld. Nach einem Update auf JTL-Shop 5.3 empfiehlt JTL, die Datei einmal neu hochzuladen.

3. Header und Suchfeld

Für den Header gibt es fünf vorgefertigte Layouts und die Option Eigenes Layout. Nur beim eigenen Layout erscheinen die weiteren Einstellungen, zum Beispiel Menü in eigener Zeile anzeigen, Logohöhe, Logo zentrieren und Topbar anzeigen.

Die Suchfeldbreite gibst du in Pixeln an, mit 0 füllt das Suchfeld den verfügbaren Platz vollständig aus. Die Suchfeldposition (rechtsbündig, linksbündig, zentriert) wirkt nur, wenn das Feld nicht die volle Breite hat, und gegebenenfalls nicht bei zentriertem Logo.

Unter Anzeige der Suche legst du fest, wie die Suche auf Mobilgeräten erscheint: als Suchfeld, das beim Hochscrollen eingeblendet wird, oder als Lupen-Icon im Header, das sich erst beim Antippen öffnet. Unter Anzeige beim Scrollen bestimmst du, ob beim Scrollen nur das Menü, nichts oder Menü, Logo und Suche oben sichtbar bleiben.

• JTL-Guide: Detailbeschreibung NOVA-Template →

4. Megamenü

Ist Kategorien (anstelle einer Kategoriebox/Boxenverwaltung) aktiv, erscheinen die Kategorien oben im Megamenü. Schaltest du es aus, brauchst du in der Boxenverwaltung eine Kategoriebox auf jeder Seite, sonst erreichen Kunden die Kategorien nicht mehr.

Das Hersteller-Dropdown fügt einen Menüpunkt Hersteller hinzu. JTL weist darauf hin, dass viele Hersteller im Dropdown die Performance des Shops verschlechtern können. Die Anzahl stellst du unter Anzahl Hersteller im Hersteller-Dropdown ein.

5. Filter in Listen- und Galerieansicht

Unter Filterposition wählst du Seitenleiste (Filter links) oder Eigenes Fenster (Schaltfläche Filter über der Artikelübersicht). Bei großen Sortimenten hilft Filtersuche ab X Filteroptionen anzeigen: Ab dieser Zahl erscheint über der Filterliste ein Suchfeld. Außerdem legst du fest, ob Filter sofort ausgeklappt sind und wie viele Optionen je Filter zunächst sichtbar sind.

Welche Filter es überhaupt gibt, etwa Hersteller, Merkmale oder Preisspanne, stellst du nicht im Template ein, sondern unter Darstellung > Standardansichten > Artikelübersicht.

• JTL-Merkmale als Suchfilter einrichten →
• Facettensuche und Attributfilter →

6. Farben und eigenes Design

Farben der NOVA-Themes passt du mit dem Plugin JTL Theme-Editor an: installieren, im Plugin Manager öffnen und über Einstellungen in den Bearbeitungsmodus wechseln. JTL setzt dafür Vorerfahrung im Webdesign voraus.

Für ein eigenes Template legst du ein Child-Template an, das NOVA erweitert oder überschreibt. JTL weist darauf hin, dass dabei das deutsche Datenschutzrecht einzuhalten ist und Dritte keinen Zugriff auf Kundendaten bekommen dürfen. Für Anpassungen kannst du laut JTL auch einen JTL-Servicepartner beauftragen.

• JTL-Entwicklerdoku: Child-Templates →
• JTL-Servicepartner finden →