Handbuch Sticky Warenkorb.

Wie du die mitlaufende Warenkorb-Leiste einrichtest, Inhalte, Position und Farben einstellst, Artikel ausschließt, die Statistik liest und die Leiste auf Kategorieseiten nutzt.

Was das Plugin macht

Der Sticky Warenkorb blendet auf der Detailseite eine kompakte Leiste mit Produktbild, Name, Preis und Warenkorb-Button ein, sobald der eigentliche Kaufbutton aus dem Bild gescrollt ist. Ein Klick legt den Artikel über das Kaufformular der Detailseite in den Warenkorb, mit Menge, Variante und Zusatzfeldern.

Auf Startseite, Kategorie- und Suchseiten kann eine zweite Leiste Anzahl und Summe des Warenkorbs zeigen, wahlweise mit Produktbildern oder als aufklappbare Liste.

Shopware 6.6 und 6.7: Das Plugin läuft auf beiden Versionen. Ein Kompilieren des Themes ist nicht nötig.

Video

Ein Rundgang durch die Einstellungen und die Leiste im Shop, aufgenommen direkt im Shopware-Admin.

Sticky Warenkorb

1 / 1

Video auf eigener Seite ansehen

Erste Schritte

  1. Plugin über die Plugin Suite installieren und aktivieren.
  2. Im Admin unter Erweiterungen, Stone & Water - Plugin Suite, Sticky Warenkorb öffnen.
  3. Lizenzschlüssel eintragen oder die 7 Tage Testphase nutzen.
  4. Unter Position und Layout sowie Farben das Aussehen einstellen, die Vorschau rechts zeigt jede Änderung sofort.
  5. Speichern. Der Shop-Cache wird dabei geleert, die Leiste ist sofort live.
  6. Eine Detailseite im Shop öffnen und nach unten scrollen.

Lizenz aktivieren

Ohne gültige Lizenz zeigt das Plugin im Admin die Lizenzansicht und im Shop keine Leiste. Den Schlüssel findest du in deinem Kundenkonto bei Stone & Water. Er ist an die Domain des Shops gebunden, die in der Lizenzansicht angezeigt wird.

Verkaufskanal und Sprache

Oben in den Einstellungen wählst du Verkaufskanal und Sprache. Ohne Auswahl gelten die Einstellungen überall. Wählst du einen Kanal oder eine Sprache, steht neben jedem Feld Geerbt oder Eigener Wert. Ein Klick darauf wechselt zwischen beiden.

Reihenfolge bei der Auslieferung:

  1. Wert für Verkaufskanal und Sprache
  2. Wert für den Verkaufskanal
  3. Wert für alle Kanäle und die Sprache
  4. Wert für alle Kanäle
  5. Standard des Plugins

So setzt du etwa einen eigenen Buttontext nur für Englisch, ohne die übrigen Einstellungen doppelt zu pflegen. Alle zurücksetzen entfernt die eigenen Werte des gewählten Bereichs.

Wann die Leiste erscheint

Unter Allgemein, Einblenden, legst du fest, wann die Leiste erscheint:

  • Nach dem Warenkorb-Button - sobald der Kaufbutton der Detailseite nach oben aus dem Bild gescrollt ist. Das ist der Standard.
  • Nach Scrollstrecke - ab einer Strecke in Pixel.
  • Nach Prozent der Seite - ab einem Scrollanteil.
  • Nach Wartezeit - nach einigen Sekunden auf der Seite.
  • Immer - sofort beim Laden.

Mit Anzeigen ab und Anzeigen bis begrenzt du die Leiste auf einen Zeitraum. Der Zeitraum wird im Browser des Kunden geprüft und gilt damit auch für zwischengespeicherte Seiten. Am Seitenende blendet sich die Leiste aus, sobald der Footer ein gutes Stück im Bild ist. Beim Runterscrollen kann sie verschwinden, überall oder nur auf dem Smartphone.

Varianten und Menge

Die Leiste legt immer genau die Variante in den Warenkorb, die auf der Detailseite gewählt ist. Ist noch keine kaufbare Variante gewählt, heißt der Button Zur Auswahl und scrollt zur Variantenauswahl. Unter Allgemein, Wenn nicht kaufbar, lässt sich die Leiste in diesem Fall auch ausblenden.

Hinter der Variante steht auf Wunsch ein Ändern-Link. Hat ein Artikel genau ein Variantenmerkmal, etwa nur die Größe, kann die Leiste stattdessen ein Auswahlfeld zeigen. Ein Wechsel lädt die neue Variante und springt an dieselbe Stelle der Seite zurück.

Mit der Mengenauswahl stehen Mengenfeld und Button untereinander. Mindestmenge, Staffelung und Höchstmenge des Artikels werden beachtet.

Kategorie- und Suchseite

Unter Kategorie- und Suchseite schaltest du eine zweite Leiste für Startseite, Kategorie-, Such- und Landingpages ein. Sie erscheint, sobald etwas im Warenkorb liegt, oder auf Wunsch immer.

  • Anzahl und Summe - schlicht, mit Button zu Warenkorb oder Kasse.
  • Mit Produktbildern - die Bilder der Positionen nebeneinander, weitere als +X. Beim Überfahren erscheinen Name, Menge und Preis.
  • Aufklappbare Liste - alle Positionen mit Bild, Name, Plus, Minus und Entfernen, darunter Warenkorb und Kasse.

Bei Anzahl und Summe sowie bei den Produktbildern öffnet ein Klick auf Wunsch den Offcanvas-Warenkorb des Shops.

Vorschau

Rechts neben den Einstellungen zeigt die Vorschau die Leiste mit einem Beispielartikel, umschaltbar zwischen Desktop und Smartphone. Jede Änderung ist sofort sichtbar, auch bevor du speicherst.

Statistik

Der Tab Statistik zeigt für 7, 30, 90 oder 365 Tage und je Verkaufskanal:

  • Einblendungen - je Seitenaufruf die erste Einblendung der Leiste
  • Über die Leiste in den Warenkorb
  • Quote der Leiste - Warenkorb-Aktionen über die Leiste je Einblendung
  • Über den normalen Button - Warenkorb-Aktionen über den Kaufbutton der Detailseite
  • Anteil der Leiste an allen Warenkorb-Aktionen der Detailseite

Gezählt werden nur Summen je Tag und Verkaufskanal, ohne personenbezogene Daten. Bots werden ausgefiltert.

Schwebende Elemente

Chat-Knöpfe, der Nach-oben-Button und ähnliche schwebende Elemente am unteren Rand werden automatisch über die Leiste geschoben, solange sie sichtbar ist. Das betrifft nur Elemente, die die Leiste tatsächlich überdecken würden. Unter Allgemein lässt sich das abschalten.

Theme und Cache

Die Styles der Leiste stehen direkt in der Seite, das Skript wird aus dem Plugin geladen. Nach einem Update reicht der übliche Shopware-Cache, ein Kompilieren des Themes ist nicht nötig. Merkzettel-Herz und PayPal-Express-Button erscheinen nur, wenn der Shop diese Funktionen anbietet.

Deinstallation

Ohne Daten behalten werden die Einstellungen und die Statistik-Tabelle gelöscht. Danach ist der Shop wieder im Ausgangszustand.

Support

Fragen beantworten wir direkt. Schreib uns über das Kontaktformular.

Alle Einstellungen

Alle Einstellungen in der Reihenfolge des Admins. Jede lässt sich je Verkaufskanal und Sprache einzeln überschreiben, nicht angepasste Felder erben den übergeordneten Wert. Stand: Version 1.0.19.

Verkaufskanal und Sprache

Wähle, für welchen Verkaufskanal und welche Sprache du die Einstellungen anpasst. Ohne Auswahl gelten sie überall. Jedes Feld kann einzeln geerbt oder überschrieben werden.

VerkaufskanalStandard: Alle Verkaufskanäle

Einstellungen für einen einzelnen Verkaufskanal anpassen. Nicht angepasste Felder erben den Wert von Alle Verkaufskanäle.

SpracheStandard: Alle Sprachen

Einstellungen für eine Sprache anpassen, etwa einen eigenen Buttontext. Nicht angepasste Felder erben den Wert ohne Sprache.

Allgemein

Aktivierung, Geräte und wann die Leiste erscheint.

Leiste anzeigenStandard: an

Schaltet die Leiste auf der Detailseite ein oder aus.

GeräteStandard: Desktop, Tablet, Smartphone

Auf welchen Geräten die Leiste erscheint. Smartphone bis 575 Pixel, Tablet bis 991 Pixel, darüber Desktop.

EinblendenStandard: Nach dem Warenkorb-Button

Wann die Leiste erscheint: sobald der Warenkorb-Button der Detailseite aus dem Bild gescrollt ist, nach einer Scrollstrecke in Pixel oder Prozent, nach einer Wartezeit oder immer.

Scrollstrecke in PixelStandard: 400

Ab dieser Scrollstrecke erscheint die Leiste, wenn Einblenden auf Nach Scrollstrecke steht.

Scrollanteil in ProzentStandard: 30

Ab diesem Anteil der Seite erscheint die Leiste, wenn Einblenden auf Nach Prozent der Seite steht.

Wartezeit in SekundenStandard: 5

Nach dieser Zeit auf der Seite erscheint die Leiste, wenn Einblenden auf Nach Wartezeit steht.

Anzeigen abStandard: leer

Optional: Die Leiste erscheint erst ab diesem Zeitpunkt. Leer lassen für sofort.

Anzeigen bisStandard: leer

Optional: Die Leiste erscheint nur bis zu diesem Zeitpunkt. Leer lassen für unbegrenzt.

Am Seitenende ausblendenStandard: an

Blendet die Leiste aus, sobald der Footer sichtbar wird, damit sie keine Links verdeckt.

Beim RunterscrollenStandard: Immer sichtbar lassen

Leiste beim Weiterlesen nach unten ausblenden und beim Hochscrollen wieder zeigen, auf allen Geräten oder nur auf dem Smartphone.

Schwebende Elemente anhebenStandard: an

Schiebt andere schwebende Elemente am unteren Rand, etwa einen Chat-Knopf oder den Nach-oben-Button, über die Leiste, solange sie sichtbar ist.

Wenn nicht kaufbarStandard: Button führt zur Variantenauswahl

Was passiert, wenn der Artikel gerade nicht in den Warenkorb gelegt werden kann, zum Beispiel weil noch keine Variante gewählt ist.

Schließen-KnopfStandard: aus

Zeigt ein kleines X. Wer die Leiste schließt, sieht sie bis zum Ende der Sitzung nicht mehr.

Ausschlüsse

Artikel, Kategorien und dynamische Produktgruppen, bei denen die Leiste nicht erscheint, etwa Gutscheine oder erklärungsbedürftige Produkte.

Artikel ausschließenStandard: keine

Bei diesen Artikeln erscheint die Leiste nicht. Ein Hauptartikel schließt alle seine Varianten mit aus.

Kategorien ausschließenStandard: keine

Bei Artikeln in diesen Kategorien oder deren Unterkategorien erscheint die Leiste nicht.

Dynamische Produktgruppen ausschließenStandard: keine

Bei Artikeln in diesen dynamischen Produktgruppen erscheint die Leiste nicht.

Inhalte

Lege fest, welche Angaben die Leiste zeigt.

ProduktbildStandard: an

Zeigt das Hauptbild des Artikels.

HerstellerStandard: aus

Zeigt den Hersteller über dem Namen.

ArtikelnameStandard: an

Zeigt den Namen des Artikels.

VarianteStandard: an

Zeigt die gewählten Variantenmerkmale, zum Beispiel Farbe und Größe.

Ändern-Link bei VarianteStandard: an

Zeigt hinter der Variante einen Link, der zur Variantenauswahl der Detailseite scrollt.

Variantenauswahl in der LeisteStandard: aus

Zeigt ein Auswahlfeld, wenn der Artikel genau ein Variantenmerkmal hat, etwa nur Größe. Ein Wechsel lädt die Variante und springt an dieselbe Stelle der Seite. Bei mehreren Merkmalen erscheint der Ändern-Link.

ArtikelnummerStandard: aus

Zeigt die Artikelnummer.

BewertungStandard: aus

Zeigt die durchschnittliche Bewertung als Sterne, sofern Bewertungen vorhanden sind.

PreisStandard: an

Zeigt den aktuellen Preis.

StreichpreisStandard: an

Zeigt den durchgestrichenen Vergleichspreis, wenn einer gepflegt ist.

Rabatt-KennzeichenStandard: an

Zeigt die Ersparnis in Prozent, wenn ein Streichpreis gepflegt ist.

GrundpreisStandard: aus

Zeigt den Grundpreis, etwa pro Liter oder Kilogramm, sofern gepflegt.

Sternchen am PreisStandard: an

Hängt das Sternchen an den Preis, das auf Steuer- und Versandhinweise im Footer verweist.

LieferzeitStandard: aus

Zeigt Verfügbarkeit und Lieferzeit wie auf der Detailseite.

Knapper BestandStandard: aus

Zeigt Nur noch X auf Lager, sobald der verfügbare Bestand die Grenze erreicht.

Grenze für knappen BestandStandard: 5

Ab diesem Bestand oder darunter erscheint der Hinweis.

VersandkostenfreiStandard: aus

Zeigt den Hinweis Versandkostenfrei bei Artikeln, die als versandkostenfrei gepflegt sind.

Eigene HinweiszeileStandard: leer

Kurzer eigener Text, etwa Lieferung in 1-2 Tagen oder 30 Tage Rückgabe. Pro Sprache anpassbar, leer lassen zum Ausblenden.

MengenauswahlStandard: aus

Zeigt ein Mengenfeld vor dem Button. Mindestmenge, Staffelung und Höchstmenge des Artikels werden beachtet.

Merkzettel-HerzStandard: aus

Zeigt ein Herz neben dem Button, das den Artikel auf den Merkzettel legt. Erscheint nur, wenn der Merkzettel im Shop aktiv ist.

Warenkorb-Button

Text, Symbol, Form und Farben des Buttons.

ButtontextStandard: Standardtext des Shops

Eigener Text für den Button. Leer lassen, um den Standardtext des Shops zu verwenden. Pro Sprache anpassbar.

Nach dem HinzufügenStandard: Offcanvas-Warenkorb öffnen

Wie gewohnt den Offcanvas-Warenkorb öffnen oder nur kurz in der Leiste bestätigen, mit Link zur Kasse. So kann der Kunde weiterlesen.

Warenkorb-SymbolStandard: aus

Zeigt ein Warenkorb-Symbol vor dem Buttontext.

Express-KaufStandard: aus

Übernimmt den PayPal-Express-Button der Detailseite in die Leiste. Erscheint nur, wenn PayPal Express im Shop eingerichtet ist und auf der Detailseite angezeigt wird.

ButtonformStandard: Pille

Pille, leicht abgerundet oder eckig.

ButtonfarbeStandard: #222222

Hintergrundfarbe des Buttons.

ButtontextfarbeStandard: #ffffff

Textfarbe des Buttons.

Position und Layout

Wo die Leiste sitzt, wie groß sie ist und wie sie erscheint.

PositionStandard: Unten rechts

Wo die Leiste auf Tablet und Desktop erscheint.

Darstellung auf dem SmartphoneStandard: Leiste über die ganze Breite

Als kompakte Leiste über die ganze Breite am unteren Rand oder als Karte mit Button in voller Breite.

Abstand zum Rand in PixelStandard: 16

Abstand der Karte zum Fensterrand. Gilt nicht für Leisten über die ganze Breite.

Maximale Breite in PixelStandard: 520

Höchstbreite der Karte. Bei Leisten über die ganze Breite die Breite des Inhalts.

Bildgröße in PixelStandard: 48

Kantenlänge des Produktbilds.

Eckenrundung in PixelStandard: 6

Rundung der Karte. 0 ergibt eckige Ecken.

SchattenStandard: Leicht

Stärke des Schattens unter der Karte.

AnimationStandard: Hereingleiten

Wie die Leiste erscheint und verschwindet.

Kategorie- und Suchseite

Zeigt auf Startseite, Kategorie- und Suchseiten eine schmale Leiste mit Anzahl und Summe des Warenkorbs, wahlweise auch bei leerem Warenkorb.

Leiste auf Kategorie- und SuchseiteStandard: aus

Zeigt eine schmale Leiste mit Anzahl und Summe des Warenkorbs, sobald etwas im Warenkorb liegt. Position, Farben und Geräte wie bei der Leiste der Detailseite.

Auch bei leerem WarenkorbStandard: aus

Zeigt die Leiste immer, auch wenn noch nichts im Warenkorb liegt. Sie zeigt dann den Hinweis, dass der Warenkorb leer ist.

Inhalt der LeisteStandard: Mit Produktbildern

Nur Anzahl und Summe, zusätzlich die Produktbilder der Positionen oder eine aufklappbare Liste mit allen Positionen, in der Kunden Mengen ändern und Artikel entfernen können.

Anzahl ProduktbilderStandard: 5

So viele Produktbilder zeigt die Leiste, weitere Positionen erscheinen als +X. Auf dem Smartphone höchstens drei.

Klick öffnet WarenkorbStandard: an

Ein Klick auf Bilder oder Summe öffnet den Offcanvas-Warenkorb des Shops, dort lassen sich Mengen ändern.

Button führt zuStandard: Warenkorb

Zum Warenkorb oder direkt zur Kasse.

Farben

Farben für Hintergrund, Rahmen, Texte, Preise und das Rabatt-Kennzeichen.

HintergrundStandard: #ffffff

Hintergrundfarbe der Leiste.

RahmenStandard: #e5e7eb

Farbe der feinen Rahmenlinie.

TextStandard: #222222

Farbe von Name und weiteren Angaben.

PreisStandard: #222222

Farbe des Preises ohne Streichpreis.

Preis mit StreichpreisStandard: #c62828

Farbe des Preises, wenn ein Streichpreis gepflegt ist.

StreichpreisStandard: #6b7280

Farbe des durchgestrichenen Preises.

Rabatt-KennzeichenStandard: #c62828

Hintergrundfarbe des Prozent-Kennzeichens.

Rabatt-Kennzeichen TextStandard: #ffffff

Textfarbe des Prozent-Kennzeichens.

Verfügbarkeit

Direkt über Stone & Water

Ab sofort möglich

Monatlich9,99 €
Bester PreisJährlich101,90 €15 % günstiger

Alle Preise netto zzgl. USt.

Lade die kostenlose Plugin Suite herunter und spiele sie im Admin ein, ganz ohne SSH. Darüber installierst und aktualisierst du das Plugin mit einem Klick. Die Lizenz kaufst du direkt bei uns, mit Rechnung von uns und Support direkt vom Entwickler.

Plugin Suite herunterladen+49 2555 9997342

Shopware Store

In Vorbereitung

Das Plugin wird im offiziellen Shopware Community Store gelistet. Installation und automatische Updates laufen dann über den Plugin Manager im Backend, die Abrechnung über deinen Shopware-Account. Sobald verfügbar, verlinken wir es hier.