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. |
| 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
Logo und Größe lassen sich separat für Desktop, Tablet und Mobil einstellen.
| Feld | Standard | Min | Max | Beschreibung |
|---|---|---|---|---|
| Logo | — | — | — | Bild hochladen (PNG oder SVG mit transparentem Hintergrund empfohlen). |
| 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.
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.