Konfiguration
Admin → Erweiterungen → Meine Erweiterungen → One Page Checkout Pro → Konfiguration
Nach jeder Änderung: Cache leeren (Einstellungen → Caches & Indizes → Alle leeren).
Allgemein
| Feld | Typ | Standard | Beschreibung |
|---|---|---|---|
| One-Page-Checkout aktivieren | Toggle | ✅ aktiv | Schaltet das Plugin ein oder aus, ohne es zu deinstallieren. Nützlich für temporäre Wartungsarbeiten. |
| Minimalen Checkout-Header verwenden | Toggle | ✅ aktiv | Zeigt einen minimalen Header (nur Logo + Warenkorb). Deaktiviert = der normale Header und Footer des aktiven Themes werden im Checkout angezeigt. |
| Gutschein-Feld anzeigen | Toggle | ✅ aktiv | Zeigt das Aktionscode-Eingabefeld in der Bestellübersicht an. |
| Express Checkout anzeigen (PayPal) | Toggle | ✅ aktiv | Blendet den PayPal Express-Button über dem Formular ein. Setzt eine aktive SwagPayPal-Konfiguration voraus. |
| Warenkorb-Reservierungstimer anzeigen | Toggle | ✅ aktiv | Zeigt einen 10-Minuten-Countdown an. Für B2B-Shops empfiehlt sich Deaktivierung. |
| Bankverbindung bei Zahlungsarten | Mehrfachauswahl | — | Zahlungsarten auswählen, bei denen die Bankverbindung auf der Danke-Seite erscheint (z. B. Vorkasse / Überweisung). |
Logo & Header
Logo und Größe lassen sich separat für Desktop, Tablet und Mobil einstellen. Zusätzlich gibt es eine dunkle Header-Variante.
| Feld | Standard | Min | Max | Beschreibung |
|---|---|---|---|---|
| Dunkler Header | ❌ aus | — | — | Schwarzer Header-Hintergrund mit weißem Warenkorb-Icon (ESN-Stil). Nur wirksam mit aktiviertem minimalem Header. |
| Logo | — | — | — | Bild hochladen (PNG oder SVG mit transparentem Hintergrund empfohlen). |
| Logo (dunkler Header) | — | — | — | Optionales, meist helles/weißes Logo, das nur bei aktiviertem „Dunkler Header" verwendet wird. Leer = Fallback auf das normale Logo bzw. Theme-Logo. |
| Höhe Desktop (px) | 25 | 1 | 112 | Feste Höhe des Logos auf Desktop-Viewports. |
| Maximalbreite Desktop (px) | 200 | 1 | 500 | Verhindert Overflow auf schmalen Containern. |
| Höhe Tablet (px) | auto | 1 | 112 | Leer lassen = automatische Skalierung. |
| Maximalbreite Tablet (px) | 250 | 1 | 500 | |
| Höhe Mobil (px) | auto | 1 | 112 | |
| Maximalbreite Mobil (px) | 200 | 1 | 500 |
Für optimale Qualität ein SVG- oder PNG-Logo mit transparentem Hintergrund und mindestens 2× der konfigurierten Pixelgröße für Retina-Displays verwenden.
Bei aktiviertem Dunklen Header ein helles/weißes Logo unter „Logo (dunkler Header)" hinterlegen — sonst ist ein dunkles Logo auf schwarzem Grund nicht sichtbar.
Formular
| Feld | Typ | Max. Zeichen | Beschreibung |
|---|---|---|---|
| Geburtsdatum – Hinweistext | Textarea | 250 | Text wird unter dem Geburtsdatum-Feld angezeigt, wenn das Feld in den Shopware-Kundeneinstellungen aktiviert ist. Erlaubte HTML-Tags: <b>, <i>, <a>, <br>, <span>, <em>. |
Layout
| Feld | Typ | Standard | Beschreibung |
|---|---|---|---|
| Primäre Button-Farbe | Farbwähler | — (Theme-Standard) | HEX-Farbe für den „Jetzt bestellen"-Button und Akzentfarben. Leer lassen = Theme-Standardfarbe. Beispiel: #FF6B35 |
| Sidebar-Hintergrundfarbe | Farbwähler | — (#f3f3f3) | Hintergrundfarbe der rechten Bestellübersichts-Spalte. Leer lassen = helles Grau. Beispiel: #F5F5F7 |
Payment Icons
Steuert die Darstellungsgröße der Zahlungsart-Icons neben den Radio-Buttons.
| Feld | Standard | Min | Max | Beschreibung |
|---|---|---|---|---|
| Icon Maximalbreite (px) | 64 | 10 | 128 | Obere Breitengrenze pro Icon. |
| Icon Maximalhöhe (px) | 28 | 10 | 56 | Obere Höhengrenze — verhindert überdimensionale Icons. |
| Icon Mindestbreite (px) | 16 | 4 | 48 | Stellt sicher, dass sehr schmale Icons (z. B. Hochformat-Logos) sichtbar bleiben. |
| Icon Mindesthöhe (px) | 16 | 4 | 48 | Stellt sicher, dass sehr flache Icons immer sichtbar sind. |
Vorteile (Advantages)
Optionaler Abschnitt mit bis zu 2 Vorteils-Punkten, z. B. für USP-Highlights.
| Feld | Typ | Beschreibung |
|---|---|---|
| Anzahl | Auswahl | 0 = ausgeblendet, 1 = ein Vorteil, 2 = zwei Vorteile |
| Bild Vorteil 1 | Medienbild | Optionales Bild (Icon, Siegel o. Ä.) |
| Bild Vorteil 2 | Medienbild | Optionales Bild |
Der Textinhalt der Advantages wird über die Snippet-Dateien gepflegt (qubix-checkout.checkout.advantage1, advantage2).
Benefits
Sektion mit bis zu 3 konfigurierbaren Trust-Badges — erscheint in der Sidebar unterhalb der Bestellübersicht.
| Feld | Standard | Beschreibung |
|---|---|---|
| Sektions-Titel | „Darum bei uns bestellen:" | Überschrift der gesamten Benefits-Sektion. |
Für jeden der 3 Benefits:
| Feld | Typ | Optionen |
|---|---|---|
| Icon | Auswahl | truck, shield-check, refresh-cw, heart, headphones, clock, star, package, credit-card, leaf, award, zap, percent, lock, check-circle |
| Titel | Text | Freitext |
| Beschreibung | Textarea | Freitext, ca. 80–120 Zeichen empfohlen |
Voreingestellte Werte:
| # | Icon | Titel | Beschreibung |
|---|---|---|---|
| 1 | truck | Kostenloser Versand | Kostenloser Versand auf alle Bestellungen über 50 € |
| 2 | shield-check | Sichere Bezahlung | SSL-verschlüsselter Checkout für Ihre Sicherheit |
| 3 | refresh-cw | Einfache Rückgabe | 30 Tage unkompliziertes Rückgaberecht |
Beschreibungstexte auf 1–2 knappe Sätze kürzen. Lange Texte brechen auf Mobil-Viewports das Layout.
Cross-Selling
Zeigt im Checkout Produkte an, die in Shopware als Cross-Selling für die Warenkorb-Artikel hinterlegt sind.
| Feld | Typ | Standard | Beschreibung |
|---|---|---|---|
| Position der Cross-Selling-Liste | Auswahl | Rechts | Aus = ausgeblendet · Links = im Checkout-Hauptbereich · Rechts = zwischen Gutscheincode und Bestellübersicht. |
| Maximale Anzahl Produkte | Zahl (1–12) | 4 | Wie viele Cross-Selling-Produkte maximal angezeigt werden. |
| Titelfarbe der Produktnamen (ab v1.3.0) | Farbe | leer | Leer = neutrale Textfarbe; verhindert z. B. rote Theme-Linkfarben. |
| Icon-Button statt „Hinzufügen"-Text (ab v1.3.1) | Schalter | an | Runder Warenkorb-Button im Checkout und im Off-Canvas-Slider. |
| Eigenes Button-Icon (ab v1.3.1) | Medien-Auswahl | leer | Ersetzt das mitgelieferte Korb-Icon (z. B. eigenes SVG/PNG aus der Mediathek). |
| Button-Farbe (ab v1.3.1) | Farbe | leer | Leer = primäre Checkout-Farbe (Karte „Layout"). |
Die angezeigten Produkte stammen aus den aktiven Cross-Selling-Gruppen der Warenkorb-Produkte (Pflege im jeweiligen Produkt unter „Cross-Selling"). Produkte, die bereits im Warenkorb liegen, werden ausgeblendet.
Off-Canvas-Warenkorb (ab v1.3.0)
Eigene Karte für den seitlichen Warenkorb (Off-Canvas) — wirkt unabhängig vom Checkout, alle Schalter ab Werk aus.
| Feld | Typ | Standard | Beschreibung |
|---|---|---|---|
| Gratisversand-Fortschrittsbalken | Schalter | aus | Balken oben im Off-Canvas; nutzt den Schwellenwert der Karte „Gratisversand". |
| Sticky „Zur Kasse"-Bereich | Schalter | aus | Button bleibt beim Scrollen sichtbar (inkl. Express-Buttons). |
| Zahlungsarten-Icons | Schalter | aus | Icons unter dem „Zur Kasse"-Button, regelgefiltert wie im Checkout. |
| Cross-Selling-Slider | Schalter | aus | Horizontaler Empfehlungs-Slider am Ende des Warenkorbs, In-Place-Aktualisierung. |
| Maximale Anzahl im Slider | Zahl | 6 | Wie viele Produkte der Slider höchstens zeigt. |
| Minimalistischer Kopf & Gutschein-Design (ab v1.3.1) | Schalter | aus | ESN-Stil: „Warenkorb"-Titel mit X, dezentes Gutschein-Feld, ESN-Warenkorb-Zeilen, Gesamtsumme im „Zur Kasse"-Button. Opt-in, weil Theme-Markup umgestylt wird. |
| „Warenkorb anzeigen"-Link (ab v1.3.1) | Schalter | an | Link zur Warenkorb-Seite im Off-Canvas ein-/ausblenden. |
Newsletter
| Feld | Typ | Standard | Beschreibung |
|---|---|---|---|
| Newsletter-Anmeldung im Checkout anzeigen | Toggle | ❌ aus | Zeigt eine (nicht vorausgewählte) Newsletter-Checkbox. Beim Anhaken wird der Kunde per Double-Opt-in (Bestätigungsmail) angemeldet. |
Adress-Autovervollständigung
Schlägt beim Tippen der Straße Adressen vor und füllt Straße, PLZ und Ort automatisch.
| Feld | Typ | Standard | Beschreibung |
|---|---|---|---|
| Anbieter | Auswahl | Aus | Aus · Google Places · Geoapify. |
| API-Key | Text | — | Der API-Key des gewählten Anbieters. |
Der API-Key ist im Browser sichtbar. Beschränken Sie ihn beim Anbieter per HTTP-Referrer auf Ihre Domain. Befüllt werden nur Straße/PLZ/Ort — Land und Bundesland bleiben unangetastet.
Gratisversand
| Feld | Typ | Standard | Min | Beschreibung |
|---|---|---|---|---|
| Gratisversand-Fortschrittsbalken anzeigen | Toggle | ❌ aus | — | Zeigt „Nur noch X € bis zum kostenlosen Versand" mit Fortschrittsbalken. Nur aktiv, wenn unten ein Schwellenwert > 0 gesetzt ist. |
| Schwellenwert für Gratisversand | Dezimalzahl | 0 | 0 | Warenwert (brutto, ohne Versand), ab dem der Versand frei ist. |
Den Schwellenwert exakt auf den Betrag Ihrer Versandkosten-Regel setzen, damit Balken und tatsächliche Versandkosten übereinstimmen. 0 = Balken aus.
Wunschlieferdatum
| Feld | Typ | Standard | Beschreibung |
|---|---|---|---|
| Wunschlieferdatum anzeigen | Toggle | ❌ aus | Blendet die Kalender-Sektion im Checkout ein. |
| Pflichtfeld | Toggle | ❌ aus | Bestellung nur mit gewähltem Datum möglich. |
| Standard-Vorlaufzeit (Tage) | Zahl | 0 | Frühestes wählbares Datum = heute + Vorlaufzeit. Produkte können über ihr Zusatzfeld eine höhere Vorlaufzeit mitbringen — das Maximum zählt. |
| Maximal Tage im Voraus | Zahl | 60 | Spätestes wählbares Datum. |
| Gesperrte Wochentage | Mehrfachauswahl | — | Z. B. Samstag/Sonntag von der Auswahl ausschließen. |
Alle Regeln werden serverseitig erneut geprüft (Warenkorb-Validator + Bestell-Subscriber).
Adresse (Straße/Hausnummer)
| Feld | Typ | Standard | Beschreibung |
|---|---|---|---|
| Straße und Hausnummer trennen | Toggle | ✅ an | Getrennte Felder; deaktiviert = ein klassisches Straßenfeld. |
| Hausnummer als Pflichtfeld | Toggle | ✅ an | Optional machen für Märkte ohne Hausnummern (z. B. Irland). |
Abgebrochene Checkouts (Warenkorb-Erinnerung)
→ Funktionsweise und Flow-Builder-Einrichtung: Warenkorb-Erinnerung
| Feld | Typ | Standard | Beschreibung |
|---|---|---|---|
| Warenkorb-Erinnerung aktivieren | Toggle | ❌ aus | Erfasst E-Mail + Warenkorb und feuert den Flow-Trigger „Checkout abgebrochen". |
| Schwelle Inaktivität (Minuten) | Zahl | 60 | Ab wann ein Checkout als abgebrochen gilt. |
| Aufbewahrung (Tage) | Zahl | 30 | Danach werden erfasste Daten automatisch gelöscht (läuft auch bei deaktiviertem Feature). |
| Datenschutzhinweis am E-Mail-Feld anzeigen | Toggle | ✅ an | Konfigurierbarer Hinweistext unter dem E-Mail-Feld. |
Analytics & A/B-Tests
→ Dashboard, Experimente und Datenschutz: Checkout-Analytics & A/B-Tests
| Feld | Typ | Standard | Beschreibung |
|---|---|---|---|
| Checkout-Analytics aktivieren | Toggle | ❌ aus | Serverseitige, pseudonyme Messung (SHA-256-Hash, keine Cookies/IP/PII). |
| Rohdaten-Aufbewahrung (Tage) | Zahl | 90 | Ältere Session-Rohdaten werden automatisch gelöscht; aggregierte A/B-Ergebnisse bleiben erhalten. |
:::tip Einstellungen im Analytics-Modul Die komplette Plugin-Konfiguration ist auch unter Bestellungen → Checkout-Analytics → Einstellungen editierbar — inklusive Verkaufskanal-Umschalter (Vererbung per Ketten-Symbol lösen, dann kanalspezifisch speichern). :::