DmfCustomCheckout
DmfCustomCheckout baut das Warenkorb- und Checkout-Erlebnis von Shopware 6.7 (Warenkorb, Off-Canvas, Registrierung, Bestätigung, Abschluss) mit einer modernen, barrierefreien UI neu auf. Kernstück ist ein kompaktes, voll aktualisierbares Line-Item, das in jedem Warenkorb-Kontext wiederverwendet wird: Mengenänderungen funktionieren überall, das Layout bleibt kompakt. Das Plugin ist theme-agnostisch und funktioniert mit jedem Shopware-6-Theme.
Nachfolger von DmfGuppyCheckoutEnhancements
DmfCustomCheckout ersetzt das veraltete DmfGuppyCheckoutEnhancements. Nutze bei neuen Projekten direkt DmfCustomCheckout.
Schnellinfo
| Composer-Paket | dmf/sw6-plugin-custom-checkout |
| Plugin-Klasse | Dmf\CustomCheckout\DmfCustomCheckout |
| Namespace | Dmf\CustomCheckout |
| Version | 1.0.0 |
| Lizenz | MIT |
| Shopware | ~6.7.0 (Core + Storefront) |
| Theme-Dependency | keine, funktioniert mit jedem Shopware-6-Theme |
Was macht das Plugin?
- Kompaktes, voll aktualisierbares Line-Item, geteilt über Warenkorb-Seite, Off-Canvas-Warenkorb und Checkout-Zusammenfassung.
- Sticky Summary-Card mit 3-Schritt-Progress-Bar, Trust-Badge und Zahlungs-/Versandlogos.
- Zweispaltiger Login-/Register-/Gast-Schritt mit barrierefreiem Fokus-Handling, optional auch als Layout für
/account/login. - Einklappbare Bestellübersicht im Register- und Confirm-Schritt (auf Register schreibgeschützt mit Mengen-Prefix, auf Confirm aktualisierbar).
- Konfetti-Animation auf der Abschlussseite, respektiert
prefers-reduced-motion. - WCAG 2.1 AA-konform und standardmäßig responsiv.
Installation
composer require dmf/sw6-plugin-custom-checkout
bin/console plugin:refresh
bin/console plugin:install --activate DmfCustomCheckout
./bin/build-storefront.sh
bin/console cache:clearVoraussetzungen
| Anforderung | Version |
|---|---|
shopware/core | ~6.7.0 |
shopware/storefront | ~6.7.0 |
Konfiguration
In der Administration unter Einstellungen → System → Plugins → Custom Checkout → Konfigurieren verfügbar. Alle Optionen gelten pro Sales-Channel und liegen unter der System-Config-Domain DmfCustomCheckout.config.*.
| Feld | Typ | Default | Wirkung |
|---|---|---|---|
showRegisterBenefits | bool | true | Vorteilsbox für die Registrierung im Anmelde-/Registrierungsschritt anzeigen. |
showPaymentLogos | bool | true | Logos der verfügbaren Zahlungs- und Versandarten in der Zusammenfassung anzeigen. |
showSafeShoppingBadge | bool | true | Sicher-Einkaufen-Hinweis in der Zusammenfassung anzeigen. |
showAccountLoginLayout | bool | false | Checkout-Layout (Login-Karte links, Vorteilskarte rechts) auch auf /account/login anwenden. |
showConfetti | bool | true | Konfetti-Animation auf der Abschlussseite anzeigen. |
Update-Sicherheit
DmfCustomCheckout forkt nicht die tief verschachtelten component/line-item/*-Templates von Shopware. Das Core-Markup und alle AJAX-Hooks (data-quantity-selector, data-form-auto-submit, js-offcanvas-cart-*, data-focus-id) bleiben intakt; der kompakte Look entsteht über SCSS plus eine Wrapper-Klasse (.dmf-line-items--compact). Die Confirm-Sidebar übergibt redirectTo, damit das Mengen-Auto-Submit die richtige Seite neu lädt.
Hinweise
Funktioniert mit jedem Theme
Das Plugin hat keine Abhängigkeit zu DmfGuppyTheme. Es lässt sich auf Storefronts mit Storefront-Default-Theme ebenso einsetzen wie unter Guppy oder anderen Custom-Themes.
Storefront-Build nicht vergessen
Nach Aktivierung oder Konfigurationsänderung muss build-storefront.sh laufen, damit SCSS und Storefront-JS aktiv werden.
Verwandt
- DmfGuppyCheckoutEnhancements, veraltet, Vorgänger dieses Plugins
- Alle Plugins
- Empfohlene Plugins