OnePage Checkout einrichten

Das Plugin OnePage Checkout fasst den Bestellvorgang für registrierte und eingeloggte Kunden auf einer einzigen Seite zusammen – ähnlich wie bei Shopify. Optional ergänzt es Funktionen für Artikelliste, Warenkorb und Artikelseite.

Voraussetzungen und Kompatibilität

Das Plugin ist installiert. Wie das geht, erfährst du im Artikel Plugin installieren.
Getestet mit JTL-Shop 5.8.0 und dem Template NOVA.
Das Plugin übernimmt das Aussehen deines Templates: Eingabefelder, Buttons und Mengenfelder nutzen die Bootstrap-Klassen von NOVA, die Farben kommen aus deinem Theme.
Zahlungs-Plugins laufen unverändert über den Shop.

Wichtig: Gastbestellungen im Standard-Ablauf, mehrere Versandarten, Guthaben und Child-Themes wurden nicht gesondert getestet. Prüfe diese Abläufe nach der Installation einmal in deinem Shop.

So funktioniert der OnePage Checkout

Desktop: Links stehen Adresse, Versandart, Zahlungsart und Bestellabschluss. Rechts siehst du die Bestellübersicht mit Positionen, Gutschein- und Guthabenfeld sowie den Summen. Die Übersicht bleibt beim Scrollen sichtbar.
Mobil: Die Bestellübersicht steht oben als zugeklapptes Akkordeon, die Summe wird in der Kopfzeile angezeigt.
Versand- und Zahlungsart: Jede Option ist eine aufklappbare Karte. Im zugeklappten Zustand zeigt die Kopfzeile die aktuelle Auswahl, bei der Versandart inklusive Preis.
Sofortige Aktualisierung: Wechselt der Kunde Versand- oder Zahlungsart oder löst er einen Gutschein oder Guthaben ein, werden die Summen ohne Neuladen der Seite aktualisiert.
Bestellabschluss: Pflicht-Checkboxen, AGB und Zahlungsarten laufen unverändert über den Shop. Zahlungsarten mit Zusatzschritt, etwa Lastschrift, zeigen ihren gewohnten Zusatzschritt.

Optionale Funktionen

Alle optionalen Funktionen sind ab Werk ausgeschaltet. Du aktivierst sie einzeln in den Plugin-Einstellungen.

Slide-in-Warenkorb

Beim Hinzufügen eines Artikels gleitet der Warenkorb von rechts ein.
Menge ändern und Artikel entfernen funktioniert direkt im Slide-in.
Zwischensumme, Steuerzeile und Versandhinweis richten sich nach der Kundengruppe, z. B. „inkl. 19% USt.“ oder „exkl. 19% USt.“ bei Netto-Kundengruppen.
Lagerbestand, Mindestmenge und Abnahmeintervall prüft der Shop wie auf der Warenkorbseite.
Gutscheinfeld: Gutscheine lassen sich direkt im Slide-in einlösen.
Cross-Selling: Zeigt bis zu 4 verknüpfte Cross-Selling-Artikel unter dem Namen ihrer Gruppe. Artikel ohne Variationen legt der Kunde mit „+“ in den Warenkorb, bei Artikeln mit Variationen erscheint „Zum Artikel“. Artikel, die bereits im Warenkorb liegen, werden ausgelassen.

Voraussetzung für Cross-Selling: Die Shop-Einstellung „Cross-Selling (Standard) anzeigen“ muss aktiv sein.

Schnellansicht in Artikellisten

Der Button „Schnellansicht“ erscheint am Desktop beim Darüberfahren, mobil immer.
Er öffnet den Artikel in einem Fenster mit Mengenwahl und „In den Warenkorb“.
Bei Artikeln mit Variationen oder Konfigurator steht stattdessen „Zum Artikel“.

Rabatte auf der Artikelseite

Unter dem Warenkorb-Button erscheint die Karte „Rabatt verfügbar“.
Ein Klick zeigt alle Rabatte, die für den Artikel gelten, mit Code – z. B. „10 % Rabatt ab 50 €“.
Ein Klick auf den Code kopiert ihn. Eingelöst wird er im Warenkorb oder im Gutscheinfeld des Slide-ins.
Angezeigt werden nur Gutscheine, die der Shop tatsächlich einlösen würde: aktiv, im Gültigkeitszeitraum, noch einlösbar und passend zu Kundengruppe, Kunde, Artikel, Kategorie und Hersteller. Der Gutscheinname wird nicht angezeigt.

Vorteile unter dem Warenkorb-Button

Unter dem Warenkorb-Button kannst du bis zu drei Vorteile mit Icon anzeigen:

Express-Zustellung: Zeigt einen Liefertermin mit laufendem Countdown. Das Datum berechnet das Plugin aus deinen Einstellungen: Versand von Montag bis Freitag, abzüglich eingetragener Feiertage. Vor dem Bestellschluss gilt derselbe Werktag, danach der nächste. Die Zeile erscheint nur bei lieferbaren Artikeln.
Kostenloser Versand ab X €: Als Betrag wird die niedrigste „Versandkostenfrei ab“-Grenze der passenden Versandarten verwendet (nach Kundengruppe und Lieferland). Versandklassen werden nicht berücksichtigt. Gibt es keine solche Grenze, erscheint die Zeile nicht.
X Tage kostenloser Rückversand: Fester Text, die Anzahl der Tage stellst du selbst ein.

Hinweis: Die Daten für die Express-Zustellung kommen nicht aus der Warenwirtschaft, sondern ausschließlich aus den Plugin-Einstellungen.

Texte anpassen

Alle Texte – Überschriften, Beschriftungen und Hinweise wie „Rabatt verfügbar“ – änderst du unter Plugin-Verwaltung > Sprachvariablen, auch für weitere Sprachen.

Im Satz zur Express-Zustellung kannst du diese Platzhalter verwenden:

#carrier#: Versanddienstleister
#day#: Liefertag
#time#: verbleibende Zeit

Probleme mit Zahlungs-Plugins?

Setze die Einstellung „Summe bei Zahlungsart-Wechsel aktualisieren“ auf „Nein“.

Update

Beim Aktualisieren bleiben deine bestehenden Einstellungen erhalten. Neue Einstellungen kommen mit dem Standardwert „ausgeschaltet“ hinzu.