Zum Inhalt

Mobile App-Navigation

Aktuelle Version: 1.0.0  ·  Status: In Erstprüfung beim Shopware Store

Native App-Optik fürs Storefront: feste Bottom-Bar mit Live-Cart-Badge, Wunschliste, Konto-Popup, Suche und dynamischem „In-den-Warenkorb"-Button auf Produktdetailseiten.

Shopware 6.6 Shopware 6.7 Self-Hosted Storefront-Plugin Deutsch + Englisch

So sieht es aus

  • Bottom-Bar auf der Startseite

    Startseite — fixe Bottom-Bar mit Start, Kategorien, Suche, Wunschliste, Konto, Warenkorb

  • Kategorie-Listing

    Kategorie-Listing — die Bar bleibt während des gesamten Scrollvorgangs sichtbar

  • Produktdetailseite

    Produktdetailseite — der letzte Button verwandelt sich in „Kaufen" und legt direkt in den Warenkorb

  • Kaufen-Button hervorgehoben

    „Kaufen"-Aktion — rosa hervorgehoben, ein Tap löst das Standard-Bestellformular aus

Überblick

Kommora Mobile App-Navigation verwandelt deinen mobilen Storefront in eine App-ähnliche Erfahrung. Eine fixe Bottom-Bar mit konfigurierbaren Buttons begleitet den Nutzer durch den Shop — Konto, Suche, Wunschliste und Warenkorb sind immer mit dem Daumen erreichbar, ohne nach oben zu scrollen.

Auf Produktdetailseiten verwandelt sich der Warenkorb-Button automatisch in einen direkten „Kaufen"-Button — ein Tap legt das Produkt in den Warenkorb.

Highlights

  • App-Style Bottom-Bar mit bis zu 6 konfigurierbaren Buttons (Start, Kategorien, Suche, Wunschliste, Konto, Warenkorb)
  • Live-Cart-Badge mit Pulse-Animation bei neuen Artikeln — aktualisiert sich ohne Page-Reload
  • Dynamischer „Kaufen"-Button auf Produktdetailseiten löst direkt das Standard-Bestellformular aus
  • Konto-Popup mit „Mein Konto" und „Abmelden" für eingeloggte Kunden
  • Header-Reduktion auf Mobile: Konto-/Warenkorb-/Such-/Menü-Icons im Header automatisch ausblenden, wenn Pendant in der Bar aktiv ist
  • Sales-Channel-fähig — pro Verkaufskanal eigene Konfiguration
  • Eigene Icons pro Button via Media-Manager
  • Theme-Farben oder eigene Color-Picker-Werte
  • iOS Safe-Area-Inset-Support (Notch / Home-Indicator)

In dieser Doku