APEX für JTL-Shop 5: Unser Template für moderne & performante Onlineshops

Ein leistungsfähiger Onlineshop benötigt mehr als ein ansprechendes Erscheinungsbild. Geschwindigkeit, intuitive Bedienung, eine überzeugende Produktpräsentation und flexible Gestaltungsmöglichkeiten entscheiden maßgeblich darüber, ob aus Deinen Besuchern Kunden werden. Genau mit diesem Anspruch haben wir bei knowmates APEX entwickelt – unser eigenes Template für JTL-Shop 5.

APEX verbindet modernes E-Commerce-Design mit einer technischen Basis, die auf Performance und langfristige Erweiterbarkeit ausgelegt ist. Gleichzeitig bietet das Template Dir als Shopbetreiber deutlich mehr Möglichkeiten, Deinen Shop an Deine Marke und die Anforderungen Deiner Kunden anzupassen.

Warum wir das APEX-Template für JTL-Shop entwickelt haben

Das NOVA-Template von JTL bietet eine solide Grundlage für JTL-Shop 5. In unseren Kundenprojekten begegnen uns jedoch regelmäßig Anforderungen, die darüber hinausgehen: Shops sollen individueller aussehen, Produkte stärker inszenieren, schneller laden und gleichzeitig möglichst einfach zu verwalten sein. Du stehst möglicherweise vor den gleichen Herausforderungen und siehst Grenzen in den JTL-Standardeinstellungen bei der Umsetzung Deiner Pläne?

Mit APEX haben wir deshalb eine eigene Basis geschaffen, die viele dieser Anforderungen bereits im Standard berücksichtigt. Funktionen, für die ansonsten zusätzliche Plugins notwendig sind, sind in APEX nativ integriert. Dazu gehören unter anderem Sales Booster, Quickbuy-Funktionen, verschiedene Möglichkeiten zur Darstellung von USPs sowie zusätzliche Portlets für den OnPage Composer. Das reduziert Abhängigkeiten von weiteren Plugins und verringert damit auch den Wartungsaufwand Deines Shops.

Mit APEX profitierst Du von:

• Sales Boostern: Damit hebst Du besonders beliebte oder relevante Produkte im Shop gezielt hervor. Das sorgt für zusätzliche Aufmerksamkeit auf der Produktdetailseite und unterstützt dabei, bestimmte Artikel stärker in den Fokus Deiner Kunden zu rücken.
• Quickbuy-Funktionen: Deine Kunden müssen nicht erst auf die Produktdetailseite wechseln. Sie können einen Artikel direkt in einem Overlay öffnen, eine gewünschte Variante auswählen und anschließend in den Warenkorb legen. Dadurch wird der Weg zum Checkout deutlich kürzer.
• Individuellen USPs: Wichtige Verkaufsargumente und Vorteile Deines Shops zeigst Du beispielsweise im Header oder direkt beim Produkt an. Die USPs hinterlegst Du einheitlich für den gesamten Shop oder über steuerst sie individuell für einzelne Produkte über Attribute in JTL-Wawi.
• Zusätzlichen OPC-Portlets: APEX erweitert den JTL OnPage Composer (OPC) um sieben eigene Inhaltsbausteine. Dazu gehören unter anderem eine Hero Area, ein flexibles Grid sowie Slider für Produkte, Bilder, Blogbeiträge und Kategorien. Damit baust Du Deine Shopseiten ohne individuelle Programmierung abwechslungsreicher auf. Zusätzlich stehen Dir fünf OPC-Blueprints zur Verfügung.

Modernes Design trifft bei APEX auf durchdachte User Experience

Ein Shop soll nicht nur gut aussehen. Vorrangig müssen sich Deine Besucher schnell in ihm zurechtfinden. Deshalb haben wir bei APEX großen Wert auf eine klare Benutzerführung gelegt.

APEX bietet vielfältige Möglichkeiten, Inhalte auf Desktop, Tablet und Smartphone ansprechend und übersichtlich darzustellen. Unsere Demo zeigt bewusst einen großen Teil der verfügbaren Gestaltungsoptionen, sodass das Template den verfügbaren Platz auf den unterschiedlichen Endgeräten effektiv ausnutzt. Entsprechend umfangreich fällt dabei die Umsetzung aus. Das bedeutet aber nicht, dass jeder Shop diese Möglichkeiten vollständig ausschöpfen muss: Je nach Marke, Sortiment und gewünschtem Auftritt lässt sich APEX hinsichtlich Abständen, Typografie und Bedienelementen auch deutlich reduzierter und minimalistischer gestalten.

Auch Warenkorb und Checkout wurden gestalterisch überarbeitet. Das Ergebnis ist ein aufgeräumter Kaufprozess, der sich optisch in den übrigen Shop einfügt und Kunden möglichst unkompliziert bis zum Abschluss führt.

Mehr Möglichkeiten für Deine Marke

Ein Template sollte unserer Ansicht nach nicht dazu führen, dass am Ende jeder Shop gleich aussieht. Deshalb lässt sich APEX in vielen Bereichen an das Corporate Design anpassen. Farben und Schriftarten stellst Du über das zugehörige Template-Plugin ganz einfach mit wenigen Klicks ein. Neben verschiedenen mitgelieferten Fonts kannst Du auch eigene Schriftarten einsetzen. Ebenso stehen Dir unterschiedliche Darstellungsoptionen sowie ein Light- und Darkmode zur Verfügung. Keine Angst vor der Konfiguration. Programmierkenntnisse benötigst Du nicht, denn ein Einrichtungsassistent unterstützt Dich bei den wichtigsten Einstellungen.

Damit eignet sich APEX für Shopbetreiber, die viele Einstellungen selbst vornehmen möchten, aber auch als technische Grundlage für individuell von uns gestaltete JTL-Shops.

Produktseiten, die auf den Verkauf ausgerichtet sind

Gerade auf Produktdetailseiten entscheidet sich, ob Interesse tatsächlich in einem Kauf mündet. Deshalb haben wir bei APEX zahlreiche Funktionen direkt dort integriert, wo sie einen konkreten Mehrwert bieten.

Großzügige Produktbilder schaffen Raum für eine hochwertige Präsentation. Individuelle USPs können prominent im Shop (z. B. in der Topbar) und direkt am Artikel platziert werden. Über JTL-Wawi-Attribute lassen sie sich bei Bedarf sogar produktspezifisch steuern. 

So lassen sich individuelle USPs direkt auf der Artikeldetailseite unterhalb der Artikelbilder platzieren, die den Kunden die wichtigsten Vorteile und Besonderheiten eines Angebots auf einen Blick vermitteln. Statt überall dieselben Argumente auszuspielen, lassen sich die Inhalte passend zu einzelnen Artikeln oder Kategorien festlegen. So können beispielsweise bei einem Workshop Vorteile wie „Realistische Techniken mit echten Modellen“, „Individuelle Beratung“ oder „Professionelle Lehrmethoden“ hervorgehoben werden, während bei Produkten aus einer anderen Kategorie entsprechend andere Kaufargumente erscheinen. Auf diese Weise werden die USPs gezielt dort ausgespielt, wo sie für die jeweilige Kaufentscheidung relevant sind.

Zusätzlich können Sales Booster ausgewählte Produkte hervorheben und für mehr Vertrauen beim Kauf sorgen. Kunden können beispielsweise sehen, dass ein Produkt „zuletzt vor 2 Stunden gekauft“ wurde oder „15-mal in den letzten 30 Tagen verkauft“ wurde. Solche Hinweise vermitteln, dass sich auch andere Kunden für den Artikel entschieden haben. Dieser sogenannte Social Proof stärkt das Vertrauen in die eigene Kaufentscheidung. Je nach Produkt und Verkaufshäufigkeit lässt sich so vorhandene Kaufaktivität gezielt sichtbar machen und als zusätzlicher Impuls für die Conversion nutzen.

Auch Cross-Selling ist direkt auf der Produktseite vorgesehen. Passende Artikel bindest Du dort ein, wo sich Kunden bereits intensiv mit Deinem Artikel beschäftigen. So entstehen zusätzliche Kaufimpulse, ohne den eigentlichen Einkaufsprozess unnötig zu unterbrechen.

Mit Quickbuy schneller zum Warenkorb

Nicht jeder Kunde möchte für jeden Artikel zunächst eine neue Produktseite öffnen. Mit der integrierten Quickbuy-Funktion betrachten die Kunden Deine Produkte bei Bedarf direkt in einem Overlay. Hier wählen sie auch direkt Varianten aus und legen den gewünschten Artikel so direkt in den Warenkorb.

Insbesondere bei Sortimenten, in denen Kunden mehrere Produkte miteinander vergleichen oder nacheinander bestellen, verkürzt das den Einkaufsprozess deutlich. Das ermöglicht Deinen Kunden Shopping ohne Umwege und Dir weniger Absprünge sowie mehr Abschlüsse.

Flexible Gestaltung mit eigenen OPC-Portlets

Für die individuelle Gestaltung von Seiten bringt APEX sieben eigene OPC-Portlets und fünf OPC-Blueprints mit. Gleichzeitig können die Standard-Portlets von JTL weiterhin verwendet werden.

Kleiner Exkurs für JTL-Neulinge: Der OPC (OnPage Composer) ist der in JTL-Shop integrierte Page Builder. Mit ihm gestalten und bearbeiten Shopbetreiber Seiteninhalte direkt im Frontend per Drag-and-Drop, beispielsweise Texte, Bilder, Banner, Produktbereiche oder Slider zusammenstellen. Dafür sind in vielen Fällen keine Programmierkenntnisse erforderlich. 

APEX erweitert den OPC um zusätzliche eigene Inhaltsbausteine (Portlets), wodurch sich Seiten noch flexibler und individueller gestalten lassen. Zu den APEX-Bausteinen gehören unter anderem eine Hero Area, ein Grid mit Sub Areas sowie verschiedene Slider für Produkte, Bilder, Kategorien und Blogbeiträge.

Die enthaltenen APEX-Portlets sind:

• Hero Area Portlet: Mit diesem Element schaffst Du großflächige Einstiegsbereiche, etwa auf der Startseite. Damit inszenierst Du zentrale Botschaften, Bilder und wichtige Inhalte aufmerksamkeitsstark.
• Grid-Portlet mit Sub Areas: Ermöglicht komplexere, rasterbasierte Layouts. Die einzelnen Bereiche des Grids füllst Du wiederum mit Inhalten und genießt dadurch viel Freiheit beim Seitenaufbau.
• Produkt-Slider: Präsentiere ausgewählte Produkte platzsparend in einem Slider – beispielsweise für Bestseller, Neuheiten oder bestimmte Produktempfehlungen.
• Bild-Slider: Stelle mehrere Bilder oder Banner als wechselnde Inhalte dar. Das Portlet eignet sich beispielsweise zur Präsentation von Aktionen oder Markenwelten.
• Blog-Slider: So bindest Du Blogbeiträge in Form eines Sliders auf Shopseiten ein und gestaltest redaktionelle Inhalte dadurch an verschiedenen Stellen im Shop sichtbarer.
• Kategorie-Slider: Hebe mehrere Shopkategorien visuell hervor und führe Deine Kunden gezielt in relevante Sortimentsbereiche.
• Verbessertes Bilder-Portlet: Dieses Portlet erweitert die Möglichkeiten der klassischen Bilddarstellung und bietet Dir mehr Flexibilität bei der visuellen Gestaltung Deiner Shopseiten.

Damit gestaltest Du sowohl Startseiten als auch andere Seitentypen abwechslungsreich, ohne jedes Element individuell entwickeln zu müssen.

Bei APEX ist Performance von Anfang an mitgedacht

Ladezeiten beeinflussen sowohl die User Experience als auch die Sichtbarkeit Deines Shops in Suchmaschinen. Bei der Entwicklung von APEX haben wir deshalb bewusst auf eine schlanke Struktur und möglichst wenig Ballast geachtet.

Das Template ist auf PageSpeed und Core Web Vitals ausgerichtet und bietet gleichzeitig technische Voraussetzungen für eine erfolgreiche Suchmaschinenoptimierung. Für uns ist Performance dabei kein nachträgliches Optimierungsprojekt, sondern Bestandteil der technischen Grundlage eines modernen Shops.

APEX berücksichtigt Barrierefreiheit

Mit den gesetzlichen Anforderungen an digitale Barrierefreiheit gewinnt auch dieses Thema im E-Commerce weiter an Bedeutung. APEX berücksichtigt bereits die Anforderungen des Barrierefreiheitsstärkungsgesetzes (BFSG) und unterstützt eine möglichst barrierearme Nutzung.

Damit musst Du Dich nicht erst nachträglich mit einer vollständig neuen technischen Grundlage beschäftigen, sondern startest bereits mit einem entsprechend konzipierten Template.

Nutze Updates, ohne Deine individuellen Anpassungen zu verlieren

Ein individuelles Template darf nicht dazu führen, dass notwendige Updates zum Risiko werden. APEX besteht deshalb aus einem vollständigen Parent-Template inklusive Child-Template. Deine individuellen Anpassungen können im Child-Template vorgenommen werden und bleiben dadurch bei regulären Template-Updates erhalten.

Das Beste: Updates für APEX lassen sich direkt über das Template-Plugin einspielen. Das Plugin selbst wird wie gewohnt über den Pluginmanager von JTL-Shop aktualisiert.

Für uns ist das ein wichtiger Punkt: Ein Shop soll nicht nur beim Launch funktionieren, sondern auch langfristig wart- und weiterentwickelbar bleiben.

APEX als Basis für individuelle JTL-Shops

APEX ist sofort einsetzbar, zeigt seine Stärken aber besonders als Grundlage für individuelle E-Commerce-Projekte. Das Template ermöglicht es Dir, auf einer erprobten technischen Basis aufzubauen und Dich stärker auf das zu konzentrieren, was Deinen Shop tatsächlich unverwechselbar macht: Marke, Sortiment, Zielgruppe und Nutzererlebnis.

Wie unterschiedlich das Ergebnis aussehen kann, zeigen Dir bereits umgesetzte Projekte wie SellerSupply, Dichtstofftechnik24, GHW Modellbau, L& F Home oder die Academy of Fine Art. Obwohl überall APEX als Grundlage dient, entstehen eigenständige Shops mit unterschiedlichen Zielgruppen, Sortimenten und Markenauftritten.

Für wen eignet sich APEX?

APEX richtet sich an Betreiber von JTL-Shop 5 ab Version 5.7.0, die mehr aus ihrem Shop herausholen möchten – sowohl gestalterisch als auch technisch. Das Template konfigurierst Du mithilfe unseres entsprechenden Einrichtungsassistenten selbst. Falls Du Unterstützung benötigst, helfen wir gern bei Installation und Konfiguration oder übernehmen eine vollständige individuelle Umsetzung.

Damit eignet sich APEX für Dich als erfahrenen Shopbetreiber und Entwickler oder auch als Unternehmen, das seinen JTL-Shop gemeinsam mit einer spezialisierten Agentur neu aufbauen oder weiterentwickeln möchte.

Unser Fazit: APEX unterstützt Deinen anspruchsvollen JTL-Shop 

Mit APEX wollten wir kein Template entwickeln, das lediglich anders aussieht als der JTL‑Standard. Unser Ziel war eine Grundlage, mit der sich moderne, schnelle und verkaufsorientierte JTL-Shops effizient realisieren lassen.

Flexible Gestaltungsmöglichkeiten, optimierte Kategorie- und Produktseiten, integrierte Verkaufsfunktionen, zusätzliche OPC-Bausteine, eine auf Performance ausgelegte technische Basis und komfortable Updates greifen dabei ineinander.

Für Dich als Shopbetreiber bedeutet das: weniger Kompromisse bei der Gestaltung, mehr Möglichkeiten für die eigene Marke und eine technische Basis, die sich sowohl für einen schnellen Einstieg als auch für umfangreiche individuelle JTL-Projekte eignet.

Wenn Du sehen möchtest, wie APEX in der Praxis funktioniert, kannst Du das Template in unserer Live-Demo ansehen oder gemeinsam mit uns besprechen, wie sich Dein bestehender JTL-Shop auf Basis von APEX weiterentwickeln lässt.