Skip to content

DmfGuppyCheckoutEnhancements

Veraltet

DmfGuppyCheckoutEnhancements wird nicht mehr weiterentwickelt. Nachfolger ist DmfCustomCheckout, ein eigenständiges, theme-agnostisches Checkout-Plugin mit kompaktem, voll aktualisierbarem Line-Item. Nutze bei neuen Projekten direkt DmfCustomCheckout; bestehende Installationen sollten migrieren.

DmfGuppyCheckoutEnhancements modernisiert den Shopware-Checkout: kompaktes oder Standard-Layout, optionale 3-Schritt-Progress-Bar, Register-vs-Guest-Toggle, Register-Benefits-Box, Payment-/Shipping-Logos in der Sidebar, Safe-Shopping-Badge und eine optionale Konfetti-Animation auf der Bestätigungsseite. Das Plugin ist theme-agnostisch und funktioniert mit jedem Shopware-6-Theme.

Schnellinfo

Composer-Paketdmf/sw6-plugin-guppy-checkout-enhancements
Plugin-KlasseDmf\GuppyCheckoutEnhancements\DmfGuppyCheckoutEnhancements
NamespaceDmf\GuppyCheckoutEnhancements
Version1.0.0
LizenzMIT
Shopware`~6.6.0
Theme-Dependencykeine, funktioniert mit jedem Shopware-6-Theme

Installation

bash
composer require dmf/sw6-plugin-guppy-checkout-enhancements
bin/console plugin:refresh
bin/console plugin:install --activate DmfGuppyCheckoutEnhancements
bin/console theme:compile
bin/console cache:clear

Konfiguration

In der Administration unter Einstellungen → Plugins → Guppy Checkout Enhancements verfügbar.

Card „Checkout Layout“

FeldTypDefaultWirkung
checkoutVariantsingle-selectcompactLayout-Variante: compact (dichter) oder default (Shopware-Standard-Abstände).
showCardBordersbooltrueRahmen um Checkout-Karten anzeigen.
showProgressBarbooltrue3-Schritt-Progress-Indikator anzeigen.
showConfettibooltrueKonfetti-Animation bei Bestellabschluss anzeigen.
showRegisterBenefitsbooltrueVorteile-Liste zur Registrierung anzeigen.
showPaymentLogosbooltrueZahlungsarten-Logos in der Checkout-Sidebar anzeigen.
showSafeShoppingBadgebooltrueSicher-Einkaufen-Badge in der Checkout-Sidebar anzeigen.

Card „Login & Registrierung“

FeldTypDefaultWirkung
loginRegisterVariantsingle-selectcompactLayout-Variante für Login-/Register-Seite.

Anpassung via CSS-Variablen

Das Plugin exponiert CSS Custom Properties zur einfachen Anpassung:

css
:root {
    --dmf-checkout-card-border: 1px solid var(--border-color);
    --dmf-checkout-card-radius: 0;
}

Compact-Layout per Body-Klasse

Wer das Compact-Layout dynamisch toggeln will, kann zusätzlich die Klasse .dmf-checkout-compact direkt auf <body> setzen, die SCSS-Selektoren reagieren darauf.

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.

theme:compile

Nach Aktivierung oder Konfigurationsänderung muss theme:compile laufen, damit SCSS-Tokens und Twig-Overrides aktiv werden.