Neu 💚 NIU Plus – Das conversion-optimierte Template für JTL-Shop 5

[Dreizack Medien]

Hallo zusammen,

wir sind Dreizack Medien und entwickeln seit 2023 NIU Plus – ein Template für JTL- Shop 5, das konsequent auf eines ausgelegt ist: verkaufen. Cleanes, produktzentriertes Design, ein durchdachtes Sidebar-System statt Popups und ein aufgeräumter Checkout. Gebaut nah am NOVA-Template, damit Deine Plugins weiter funktionieren und Updates einfach bleiben.

In diesem Thread stellen wir NIU Plus vor und dokumentieren jedes neue Release. Fragen, Wünsche und Kritik sind ausdrücklich willkommen.

Das Wichtigste in Kürze​

• Cleanes, produktzentriertes Design – Deine Produkte stehen im Mittelpunkt, nicht das Template
• OffCanvas-Sidebars statt Popups: Navigation, Warenkorb, Cross-Selling und QuickBuy ohne Seitenwechsel
• Frei gestaltbare Produktseiten über Custom Boxes – ohne Eingriff ins Template
• Aufgeräumter Checkout mit permanentem Warenkorb-Überblick, Express-Slot und Trust-Container
• B2B-tauglich: CSV-Schnellbestellung und Kundenreferenz im Checkout

▶ NIU Plus im Video anschauen

---

Design und Sidebars​

NIU Plus setzt statt Popups auf unabhängige OffCanvas-Sidebars mit eigener History – für Navigation, Warenkorb, Cross-Selling und Zusatzinfos. Das schafft Platz für Inhalte und funktioniert mobil ohne Bruch. Die QuickBuy-Sidebar zeigt Produktinfos direkt aus der Übersicht oder einem Slider: Variante prüfen, in den Warenkorb legen, bei Bedarf zur Produktseite wechseln. Farben, Fonts und Größen steuerst Du dabei komplett selbst.

Freie Produktseiten mit Custom Boxes​

Statt der starren Standard-Tabs arbeitet NIU Plus mit einem Custom-Box-Konzept: Du positionierst und gestaltest die Inhalte frei – als Box, Karte oder Button, in der Sidebar oder direkt auf der Seite. Dazu kommen Videos in der Bildergalerie (YouTube oder Vimeo, auch lokal), Feature Ribbons aus Deinen Wawi-Attributen und eine USP-Leiste mit bis zu drei Trust-Argumenten direkt am Warenkorb-Button.

Mehr im Warenkorb, weniger Abbrüche​

Floating Cart Button, Cross-Selling-Sidebar, Free- Shipping-Progressbar, prominente Gratisgeschenke und Zusatzartikel direkt in der BuyBox – alles darauf ausgelegt, den Warenkorbwert zu erhöhen, ohne aufdringlich zu werden.

Der Checkout ist bewusst aufgeräumt und orientiert sich optisch am Shopify-Checkout: permanenter Warenkorb-Überblick, Slot für Express-Zahlarten wie PayPal Express, Trust-Container und ein transparenter Coupon-Hinweis. Technisch bleiben es die bekannten JTL-Schritte, optisch wirkt der Ablauf deutlich geschlossener als der Standard.

Für Geschäftskunden​

Deine B2B-Kunden laden im Kundenkonto eine zweispaltige CSV hoch – Artikelnummer und Menge – und haben in Sekunden den kompletten Warenkorb gefüllt, inklusive Live-Prüfung jeder Zeile. Freischalten kannst Du das pro Kundengruppe. Dazu gibt es ein Kundenreferenz-Feld im Checkout, das sauber in der Wawi landet.

Sichtbar für Suchmaschinen und KI​

NIU Plus liefert strukturierte Daten in der Tiefe, die im Standard fehlt: Microdata und LD+JSON als Graph, mit eigenem Schema pro Seitentyp. Streichpreise landen mit in den strukturierten Daten, damit Google den reduzierten Preis im Suchergebnis anzeigen kann, und ob die Marke aus dem Hersteller oder aus einem Merkmal kommt, entscheidest Du. Dazu Robots-Regeln, Canonicals und hreflang. KI-Crawler wie GPTBot oder PerplexityBot erkennt das Template am User-Agent und liefert ihnen schlankeres HTML ohne Ballast aus.

Tempo ab Werk​

HTML- und CSS-Kompression, Code-Splitting, Lazyload, Prefetch und Preload der wichtigen Ressourcen sind ab Werk drin. Die Nähe zum NOVA-Template sorgt dafür, dass Deine bestehenden Plugins weiter funktionieren und Anpassungen meist ohne direkten Eingriff ins Template möglich sind – das hält Updates einfach und die Folgekosten niedrig.

Barrierefreiheit inklusive​

Ein integriertes Widget bietet Deinen Besuchern Kontrast-Modi, Schriftgrößen-Anpassung, Dyslexie-Font, Lesehilfen und vordefinierte Profile für ADHS, Sehschwäche, Epilepsie und Lernschwäche. Die Einstellungen bleiben gespeichert. Ein sichtbarer Beitrag zur Barrierefreiheit, ohne dass Du ein zusätzliches Plugin brauchst.

---

Schau es Dir in unseren Demostores an:​

• Möbel: niuplus.de
• Technik: demo3.niuplus.de
• Mode: demo4.niuplus.de

Editionen​

• Starter+ – für Selbermacher: Template, Companion App und DZM Resources und Health
• Creative+ – zusätzlich OPC Plus, Conversion-Booster, Vererber, Smarty Portlets und Vollzugriff auf den Blueprint-Store
• Business+ – zusätzlich Onboarding, Installation und Grundeinrichtung, Startseiten-Vorlagen und Einführung
• Enterprise+ – individuelles Projekt mit Analysekonzept, Support und Schulungen

Details und Preise findest Du auf unserer Produktseite:
dreizack-medien.de/niu-plus-jtl-shop-template

Dokumentation und Download​

Die vollständige Dokumentation:
https://docs.dreizack-medien.de/NIU-Plus/einfuehrung

Im JTL Extension Store:
>>> Zum JTL Extension Store <<<

- oder -

direkt in unserem Store:
>>> NIU Plus <<<

---

Jetzt seid ihr gefragt​

Welche Funktion fehlt euch noch? Was können wir verbessern?
Wir freuen uns auf euer Feedback!

 

[Dreizack Medien]

Update 6.12.0 – 7.13.0:

NIU Plus – der neue StylesHub: Dein Shop, live eingestellt​

Was ist neu?​

• Theme v2: Farben und Gestaltung laufen über Flächen und Rollen statt über hundert Einzelstellen – inklusive vollwertigem Dunkelmodus
• StylesHub neu gebaut: Der echte Shop läuft im Backend in einem iFrame, ein Klick auf ein Element öffnet die zuständige Einstellung, Farben wirken sofort in der Vorschau
• Der Editor bedient das ganze Theme und alle Bereiche: Buttons, Rundungen, Schatten, Kartenstile und dazu Kopfzeile, Footer, Sidebar, Warenkorb und Bestellvorgang
• SpotlightBanner neu aufgebaut und Slider-Schatten korrigiert, plus mit 7.13.0 der erste Kanal für JTL-Shop 5.8 mit Gewährleistungsseite und Garantie-Label

Mit Theme v2 haben wir vor kurzem Farben und Gestaltung auf Flächen und Rollen umgestellt. Mit 6.13.0 kommt das Werkzeug dazu, das dieses System bedienbar macht: ein Editor, in dem Du Deinen Shop siehst, während Du ihn einstellst. Und weil JTL-Shop 5.8 vor der Tür steht, gibt es die Version gleich für beide Shop-Generationen.

Ein Farbsystem statt hundert Einzelfarben​

Bisher wurde jede Farbe dort gesetzt, wo sie auftaucht. Mit Theme v2 legst Du stattdessen fest, was eine Fläche ist – Seite, Karte, Kopfbereich, Sidebar – und welche Rolle eine Farbe darin spielt. Text-, Rahmen- und Hover-Farben leitet das Template daraus ab und rechnet dabei gegen ein Kontrastverhältnis von 4,5:1. Dazu kommen Rundungen, Kartenstile, Schatten und Polsterung als eigene Einstellungen. Der Dunkelmodus ist die erste Ausbaustufe, die dieses System möglich macht: Umschalter im Frontend, Standardmodus einstellbar, die Systemeinstellung Deiner Besucher wird erkannt.

Einstellen, während Du hinschaust​

Der neue StylesHub zeigt Deinen echten Shop in einem iFrame im Backend. Du klickst auf ein Element und bekommst genau die Einstellung, die es färbt. Was Du änderst, siehst Du sofort, ohne Speichern und ohne SCSS-Lauf. Fährst Du über eine Einstellung, markiert der Editor alle Stellen im Shop, an denen sie wirkt. Du weißt also vorher, was eine Farbänderung sonst noch trifft.

Das ganze Theme, alle Bereiche​

Farben, Buttons, Rundungen, Schatten, Padding, Eingabefelder und Kartenstile in einem Werkzeug. Kopfzeile, Navigation, Footer, Sidebar, Warenkorb und Bestellvorgang öffnen ihre gewohnte Admin-Ansicht direkt in der Editor-Spalte. Hell und Dunkel sind gekoppelt: Was Du siehst, bearbeitest Du auch.

Bereit für JTL-Shop 5.8​

7.13.0 ist der erste NIU-Plus-Stand für JTL-Shop 5.8 mit Gewährleistungsseite und Hinweis im Bestellvorgang, Garantie-Label an Artikelkacheln, Listen, Warenkorb und Bestellbestätigung und einem neuen Hero-Slider. Dein 5.7-Shop bleibt auf 6.13.0 mit demselben Funktionsumfang.

Deine Vorteile​

• Du siehst Deine Änderung sofort am echten Shop, statt zu speichern und danach zu suchen
• Du erkennst vor dem Speichern, an welchen Stellen eine Farbe sonst noch wirkt
• Dunkelmodus ohne Zusatzplugin und ohne eigene Farbpflege
• Unter JTL-Shop 5.8 wird das Theme rund 165 KB kleiner, ungenutzte Bibliotheken sind raus
• Du bist auf JTL-Shop 5.8 vorbereitet, ohne etwas umzubauen: Der 5.8-Stand liegt fertig als 7.13.0 bereit

Voraussetzung: DZM Resources und Health 1.11.17. Template und Companion bitte zusammen aktualisieren und danach einmal im Companion kompilieren. Der StylesHub liegt jetzt im Backend am gewohnten Menüpunkt, der frühere Frontend-Modus samt Gastzugang entfällt. Und falls Dein Child-Template einen eigenen head.tpl-Override hat: Den bitte nachziehen, sonst greift er stillschweigend weiter und die CSS-Auslagerung kommt nicht an.

---

Hol Dir das Template​

Jetzt im JTL Extension Store:
>>> Zum JTL Extension Store <<<

- oder -

direkt in unserem Store:
>>> NIU Plus <<<

Die vollständige Dokumentation findest Du hier:
https://docs.dreizack-medien.de/NIU-Plus/einfuehrung

---

Jetzt seid ihr gefragt:
Welche Funktion fehlt euch noch? Was können wir verbessern?
Wir freuen uns auf euer Feedback!