Skip to content

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-Paketdmf/sw6-plugin-custom-checkout
Plugin-KlasseDmf\CustomCheckout\DmfCustomCheckout
NamespaceDmf\CustomCheckout
Version1.0.0
LizenzMIT
Shopware~6.7.0 (Core + Storefront)
Theme-Dependencykeine, 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

bash
composer require dmf/sw6-plugin-custom-checkout
bin/console plugin:refresh
bin/console plugin:install --activate DmfCustomCheckout
./bin/build-storefront.sh
bin/console cache:clear

Voraussetzungen

AnforderungVersion
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.*.

FeldTypDefaultWirkung
showRegisterBenefitsbooltrueVorteilsbox für die Registrierung im Anmelde-/Registrierungsschritt anzeigen.
showPaymentLogosbooltrueLogos der verfügbaren Zahlungs- und Versandarten in der Zusammenfassung anzeigen.
showSafeShoppingBadgebooltrueSicher-Einkaufen-Hinweis in der Zusammenfassung anzeigen.
showAccountLoginLayoutboolfalseCheckout-Layout (Login-Karte links, Vorteilskarte rechts) auch auf /account/login anwenden.
showConfettibooltrueKonfetti-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