Shopware Business Partner
| Shopware News
Zur Startseite wechseln
Support
E-Commerce
Referenzen
Online Dokumentation
Ultra Media Plugins
Webkonferenz buchen
Zur Kategorie Online Dokumentation
Slim Header Advanced
Individuelle Produktdetailseite - SW6
Lieferdatum auf der Artikel Detailseite
Fixierter Warenkorb auf der Detailseite
Filter Optimierung Premium
Verkaufskanal Header Dropdown Menü - SW6
Zahlungs- & Versand Icons im Off-Canvas Warenkorb
AGB Bestätigung und Widerrufsbelehrung im Checkout versetzen - SW6
Off-Canvas Warenkorb Styler - SW6
Breadcrumb Toolbox
Footer Tuner Pro - SW6
Eigene SVG Icons
Shopware Patchkit
Style Editor Premium CSS / Javascript - SW6
Footer Tuner Pro
Schriften einfügen Premium - SW6
Wartungsseite Premium - SW6
Off-Canvas Warenkorb Styler
Erweiterter Hintergrund Editor - SW6
Globaler Topbar Styler Premium
Entwickler Modus für Shopware 6
Thumbnails anordnen
Mengeneingabe Premium
Produkt Navigation Premium
Newsletter Designer Pro
Erweiterter Hintergrund
Artikel Listing Premium
Impressum in Mobiler Footer Ansicht
Formular Designer Pro
Style Editor Plus
Individuelle Lagerampel im Listing und auf der Detailseite
Registrierung - Checkout erweitern und Kundengruppe automatisch zuordnen
Footer Tuner Pro Modul 1 | Newsletter & Trenner Box
Erweiterter Merkzettel
Footer Tuner Pro Modul 3 | Zahlung und Copyright Box
Gesamtpreis Anzeige auf der Deteilseite
Sticky Menü Premium | individuell definierbar
Produkt Verkauf umleiten - Externer Link | individuell definierbar
Automatische Länderauswahl
Zahlungs- & Versandarten Logos im Checkout je Sprache
Footer Tuner Pro Modul 4 | Medien Container (Erweiterung für Modul 2)
Footer Tuner Pro Modul 2 | Kategorie & HTML Box
Listing Control Bar - SW6
Zeige alle Kategorien Off-Canvas Warenkorb Styler - SW6 Zurück
  • Off-Canvas Warenkorb Styler - SW6 anzeigen
Online Dokumentation
Slim Header Advanced Individuelle Produktdetailseite - SW6 Lieferdatum auf der Artikel Detailseite Fixierter Warenkorb auf der Detailseite Filter Optimierung Premium Verkaufskanal Header Dropdown Menü - SW6 Zahlungs- & Versand Icons im Off-Canvas Warenkorb AGB Bestätigung und Widerrufsbelehrung im Checkout versetzen - SW6 Off-Canvas Warenkorb Styler - SW6 Breadcrumb Toolbox Footer Tuner Pro - SW6 Eigene SVG Icons Shopware Patchkit Style Editor Premium CSS / Javascript - SW6 Footer Tuner Pro Schriften einfügen Premium - SW6 Wartungsseite Premium - SW6 Off-Canvas Warenkorb Styler Erweiterter Hintergrund Editor - SW6 Globaler Topbar Styler Premium Entwickler Modus für Shopware 6 Thumbnails anordnen Mengeneingabe Premium Produkt Navigation Premium Newsletter Designer Pro Erweiterter Hintergrund Artikel Listing Premium Impressum in Mobiler Footer Ansicht Formular Designer Pro Style Editor Plus Individuelle Lagerampel im Listing und auf der Detailseite Registrierung - Checkout erweitern und Kundengruppe automatisch zuordnen Footer Tuner Pro Modul 1 | Newsletter & Trenner Box Erweiterter Merkzettel Footer Tuner Pro Modul 3 | Zahlung und Copyright Box Gesamtpreis Anzeige auf der Deteilseite Sticky Menü Premium | individuell definierbar Produkt Verkauf umleiten - Externer Link | individuell definierbar Automatische Länderauswahl Zahlungs- & Versandarten Logos im Checkout je Sprache Footer Tuner Pro Modul 4 | Medien Container (Erweiterung für Modul 2) Footer Tuner Pro Modul 2 | Kategorie & HTML Box Listing Control Bar - SW6
Off-Canvas Warenkorb Styler - SW6

Shopware 6 Plugin kaufen


zurück zur Übersicht

Inhaltsverzeichnis:

1. Plugin aktivieren

2. Off-Canvas Warenkorb Styles

 3. Weiter einkaufen

4. leerer Warenkorb

5. Ihr Warenkorb

6. Artikel Thumbnails

7. Artikel Mengeneingabe

8. Produktname

9. Artikelpreis

10. Artikel Iconsymbol "Entfernen"

11. Gutscheinfeld Einstellungen

12. Warenkorb- und Kassenbutton

13. Warenkorbhinweis

14. HTML Marketing Box 1 mit Zeitsteuerung

15. HTML Marketing Box 2 mit Zeitsteuerung

16. Media Container für Zahlungsicons

Plugin Dokumentation „Off-Canvas Warenkorb Styler - SW6“

Optimiertes Marketing

Nutzen Sie das Plugin "Off-Canvas Warenkorb Styler - SW6" für erfolgreiche Marketing Präsentationen und Anpassungen an Ihren Shop Style. Geben Sie dem Off-Canvas Warenkorb Ihre persönliche Note und optimieren Sie die Ansicht für Ihre Kunden. Setzen Sie eigene Schriftarten, Farben und weitere nützliche Anpassungen im Off-Canvas Warenkorb ein.

1. Plugin / Verkaufskanal aktivieren

Aktivieren Sie Ihren Verkaufskanal im Plugin. Möchten Sie das Plugin in einen weiteren Verkaufskanal nutzen können Sie über die Plugin Card „Verkaufskanal“ per Auswahlmenü ihre angelegten Verkaufskanäle mit HTML Storefront auswählen.


2. Off-Canvas Warenkorb Styles

Im Feld „Warenkorbbreite, in px“ stellt man die gewünschte Breite des Off-Canvas Warenkorb im Shopware 6 Shop ein. Die Standard Shopware 6 Breite ist 400px. Wir empfehlen Ihnen den Wert von 550px einzusetzen.

Shopware Standard Ansicht mit 400px Breite ohne angepasste Texte und Farben:
Beispiel Ansicht 550px Breite mit individuellem Text:

2.2 Off Canvas Warenkorb Hintergrundfarbe

Wählen Sie per Colorpicker die Hintergrundfarbe für den gesamten Off- Canvas Warenkorb aus.
Tipp: Sie möchten einen dunklen Hintergrundfarbton wählen? So können Sie sämtliche Schriftfarben in den weiteren Einstellungen des Off-Canvas Warenkorb auf helle Schriftfarben abändern.

 3. Weiter einkaufen

Eine Besonderheit in diesem Plugin ist, das Sie eigene Font Icons einsetzen können. 

Der Text „Weiter einkaufen“ kann angepasst werden sowie ein weiterer individueller Text genutzt werden. Das Anpassen der Farben, Schriftart, Ausrichtung und Größe können individuell konfiguriert werden. 

Die Schriftstärke wird im Feld „Schriftstärke“ eingetragen. Unterstützt Ihre Schriftart nur 300, 500 und 700 so können Sie auch nur diese Schriftstärken einsetzen. 

Setzten Sie Trennlinien ein, um den jeweiligen Bereich abzugrenzen. 

Eine Aufstellung aller Shopware 5 Icons finden Sie in unserem Shopware Plugin Demoshop oder auf unserer Shopware Agentur Webseite: Shopware Icon Übersicht

Tipp: Nutzen Sie die Option „individueller Text“ um den Text „Weiter einkaufen“ in einen eigenen Text, wie zum Beispiel „Weiter shoppen“ zu ändern.

4. individuelles Text Element "leerer Warenkorb"

Öffnet man den Off-Canvas Warenkorb, wenn dieser noch nicht befüllt wurde so erscheint hier der Hinweistext „Ihr Warenkorb ist noch leer“. Diesen Text können Sie in diesen Einstellungen individualisieren.

Für eine eigene Schriftart tragen Sie hier den Schriftarten Namen ein. Zum Beispiel Open Sans. Das Plugin kann nur eingebundene Schriften anzeigen. Im Store finden Sie unser "Schriften und Icons einbinden Premium - SW6" Plugin mit dem es möglich ist weitere Schriften einzubinden > Link zum Store

Setzen Sie mit dem Color Picker die Schriftfarbe und die Hover Farbe für den individuellen Text im Off-Canvas- Warenkorb ein. Bestimmen Sie außerdem die Schriftgröße und Schriftstärke.

5. Individuelles Text Element „Ihr Warenkorb“

Setzen Sie ein Highlight Text „Ihr Warenkorb“ zur bessere Orientierung Ihres Kunden.

Sprechen Sie Ihre Kunden im Shop per Du an so könnten Sie hier den Beispiel Text "Dein Warenkorb" einsetzen.

Für eine eigene Schriftart tragen Sie hier den Schriftarten Namen ein. Zum Beispiel Open Sans. Das Plugin kann nur eingebundene Schriften anzeigen. Im Store finden Sie unser "Schriften und Icons einbinden Premium - SW6" Plugin mit dem es möglich ist weitere Schriften einzubinden > Link zum Store

Setzen Sie mit dem Color Picker die Schriftfarbe und die Hover Farbe für den individuellen Text im Off-Canvas- Warenkorb ein. Bestimmen Sie außerdem die Schriftgröße und Schriftstärke.

6. Artikel Thumbnail Ansicht

Nutzen Sie größere Produktbilder (120px) für eine optimale Ansicht im Off-Canvas Warenkorb.

Aus Platzgründen kann die Einstellung "Große Artikelbilder" nicht in die mobile Handy Ansicht übernommen werden.

Möchten Sie keinen Rahmen um Ihre Produktbilder nutzen so tragen Sie bei Rahmenstärke einfach eine 0 ein. Setzen Sie auf Wunsch eine eigene Rahmenfarbe mit dem Color Picker ein.

Den Artikel Thumbnails können ebenfalls eine eigene Hintergrundfarbe gesetzt werden.

7. Artikel Mengeneingabe

Die Ansicht für die Artikel Mengeneingabe können Sie in dieser Konfiguration anpassen.

Für eine eigene Schriftart tragen Sie hier den Schriftarten Namen ein. Zum Beispiel Open Sans. Das Plugin kann nur eingebundene Schriften anzeigen. Im Store finden Sie unser "Schriften und Icons einbinden Premium - SW6" Plugin mit dem es möglich ist weitere Schriften einzubinden > Link zum Store

Setzen Sie mit dem Color Picker die Schriftfarbe und die Hover Farbe für die Mengeneingabe im Off-Canvas- Warenkorb ein. Bestimmen Sie außerdem die Schriftgröße und Schriftstärke.

Setzen Sie eine eigene Farbe + Hoverfarbe für den Rahmen, die Schriftart, Die Hintergrundfarbe und die Icons (Doppelpfeil) des Mengen Eingabefeldes über die Felder des Color Picker ein.

8. Produktname

Die Artikelbezeichnung (Produktname) können Sie in dieser Konfiguration anpassen.

Für eine eigene Schriftart tragen Sie hier den Schriftarten Namen ein. Zum Beispiel Open Sans. Das Plugin kann nur eingebundene Schriften anzeigen. Im Store finden Sie unser "Schriften und Icons einbinden Premium - SW6" Plugin mit dem es möglich ist weitere Schriften einzubinden > Link zum Store

Setzen Sie mit dem Color Picker die Schriftfarbe und die Hover Farbe für den Produktnamen im Off-Canvas- Warenkorb. Bestimmen Sie außerdem die Schriftgröße und Schriftstärke.

9. Artikelpreis Einstellungen

Den Artikelpreis der angelegten Produkte können Sie in dieser Konfiguration anpassen.

Setzen Sie hier die Schriftfarbe, Schriftart, Schriftgröße und Schriftstärke in den jeweiligen Feldern ein.

Sie können in den Artikelpreis Einstellungen zusätzlich auch den Referenzpreis und die Zwischensumme individuell anpassen.

Passen Sie den Versandkosteninfo Text und den Steuerinfo Text in den jeweiligen Feldern an.

10. Artikel Icon „Entfernen“ Einstellungen

Entfernen Sie in den Einstellungen den Rahmen des Artikel Entfernen Icons und setzen Sie ein eigenes Icon ein. Eine Aufstellung aller Shopware 5 Icons finden Sie in unserem Shopware Plugin Demoshop: Shopware Icon Übersicht


11. Gutscheinfeld Einstellungen

Schalten Sie entweder die Gutscheineingabefeld im Off-Canvas Warenkorb SW6 ab oder aber stellen Sie die Ansicht des Gutscheinfeldes immer geschlossen da. Dafür kann ein eigener individueller Text eingesetzt in die Plugin Konfiguration eingesetzt werden. Im Shopware 6 Standard wird das Gutscheineingabefeld aktiv und immer geöffnet dargestellt.

12. Warenkorb- und Kassenbutton

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

13. Warenkorbhinweis

Schalten Sie den Warenkorbhinweis mit dieser Einstellung ab.

14. HTML Marketing Box 1 mit Zeitsteuerung

Die HTML Marketing Box 1 kann vielseitig genutzt werden. Der Inhalt lässt sich über eine Zeitsteuerung ein und wieder abschalten. Mit dieser Funktion lassen sich zum Beispiel für Events wie Ostern oder Rabatt Events zeitgerecht anzeigen und wieder abschalten. Bitte testen Sie zur Sicherheit vor einem Event immer die korrekte Zeitsteuerungsfunktion und Einstellungen auf korrekte Funktionsweise.

Bestimmen Sie die Position der HTML Box 1. Dafür stehen Ihnen 4 Positionen zur Verfügung. 

1. Position "unter weiter einkaufen"

2. Position "unter Ihr Warenkorb"

3. Position "unter Artikelliste"

4. Position "unter den Buttons"

Setzen Sie Abstände oben und unten für die Trennlinie und die HTML Box 1 ein.

Mit den Schriften Einstellungen für die HTML Box 1 können Sie generelle Schriftart und Schriftfarbe, Schriftgröße und Schriftstärke  setzen. Selbstverständlich können Sie statt dessen auch in der HTML Box selbst den benötigten Style einsetzen. Entscheiden Sie selbst was am besten für Sie passt.

15. HTML Marketing Box 2 mit Zeitsteuerung

Die HTML Marketing Box 2 kann vielseitig genutzt werden. Der Inhalt lässt sich über eine Zeitsteuerung ein und wieder abschalten. Mit dieser Funktion lassen sich zum Beispiel für Events wie Ostern oder Rabatt Events zeitgerecht anzeigen und wieder abschalten. Bitte testen Sie zur Sicherheit vor einem Event immer die korrekte Zeitsteuerungsfunktion und Einstellungen auf korrekte Funktionsweise.

Bestimmen Sie die Position der HTML Box 2. Dafür stehen Ihnen 4 Positionen zur Verfügung.

1. Position "unter weiter einkaufen"

2. Position "unter Ihr Warenkorb"

3. Position "unter Artikelliste"

4. Position "unter den Buttons"

Setzen Sie Abstände oben und unten für die Trennlinie und die HTML Box 2 ein.

Mit den Schriften Einstellungen für die HTML Box 2 können Sie generelle Schriftart und Schriftfarbe, Schriftgröße und Schriftstärke setzen. Selbstverständlich können Sie statt dessen auch in der HTML Box selbst den benötigten Style einsetzen. Entscheiden Sie selbst was am besten für Sie passt.

16. Media Container für Zahlungsicons

Fügen Sie per Media Container für Ihre Zahlungsarten die Zahlungsicons ein.

Service & Beratung

Unterstützung und Beratung unter: +4933 234- 28 98 95 Mo-Fr, 09:00 - 17:00 Uhr

Oder über unser Kontaktformular.
Unternehmen
  • Shopware 5 Icon-Übersicht
  • Shopware 6 Icon-Übersicht
  • Kontakt Ultra Media
  • Über uns
mehr
weniger
Rechtliches
  • AGB
  • Datenschutz
  • Impressum
  • Widerrufsrecht
  • Coockie-Einstellungen
mehr
weniger
Service
  • Tipps & Tricks
  • Defektes Produkt
  • Rückgabe
  • Hilfe / FAQ
  • Online Dokumentation
mehr
weniger
 ✔ Shopware 5 ✔ Shopware 6 ✔ Shopware Plugins ✔ Shopware Warenwirtschaft ✔ Shopware Support ✔ Shopware Wartungsvertrag
Shopware Partner Agentur - individuelles Shopware Design - ausführliche Beratung - Top Shopware Bewertung

Realisiert mit Shopware
Foundation Modal

This Modal is powered by moori Foundation

Funktionale Cookies sind für die Funktionalität des Webshops unbedingt erforderlich. Diese Cookies ordnen Ihrem Browser eine eindeutige zufällige ID zu damit Ihr ungehindertes Einkaufserlebnis über mehrere Seitenaufrufe hinweg gewährleistet werden kann.

CAPTCHA-Integration
CSRF-Token:
Das CSRF-Token Cookie trägt zu Ihrer Sicherheit bei. Es verstärkt die Absicherung bei Formularen gegen unerwünschte Hackangriffe.
Session:
Das Session Cookie speichert Ihre Einkaufsdaten über mehrere Seitenaufrufe hinweg und ist somit unerlässlich für Ihr persönliches Einkaufserlebnis.
Cache Behandlung:
Das Cookie wird eingesetzt um den Cache für unterschiedliche Szenarien und Seitenbenutzer zu differenzieren.
Google reCAPTCHA
Zeitzone:
Das Cookie wird verwendet um dem System die aktuelle Zeitzone des Benutzers zur Verfügung zu stellen.
Aktivierte Cookies:
Speichert welche Cookies bereits vom Benutzer zum ersten Mal akzeptiert wurden.
Herkunftsinformationen:
Das Cookie speichert die Herkunftsseite und die zuerst besuchte Seite des Benutzers für eine weitere Verwendung.
Cookie Einstellungen:
Das Cookie wird verwendet um die Cookie Einstellungen des Seitenbenutzers über mehrere Browsersitzungen zu speichern.
PayPal-Zahlungen

Tracking Cookies helfen dem Shopbetreiber Informationen über das Verhalten von Nutzern auf ihrer Webseite zu sammeln und auszuwerten.

Google Analytics::
Google Analytics wird zur der Datenverkehranalyse der Webseite eingesetzt. Dabei können Statistiken über Webseitenaktivitäten erstellt und ausgelesen werden.
Hotjar:
Hotjar Cookies dienen zur Analyse von Webseitenaktivitäten der Nutzer. Der Seitenbenutzer wird dabei über das Cookie über mehrere Seitenaufrufe identifiziert und sein Verhalten analysiert.
Mouseflow Cookie:
Diese Cookies dienen zur Analyse des Nutzerverhaltens auf unserer Website mithilfe des Webanalysedienstes Mouseflow. Alle erhobenen Daten werden anonymisiert ausgewertet.

Dies ist ein Webanalysedienst. Damit kann der Benutzer den Werbe-ROI messen sowie Flash-, Video- und Social-Networking-Sites und -Anwendungen verfolgen.

Google Analytics

Service Cookies werden genutzt um dem Nutzer zusätzliche Angebote (z.B. Live Chats oder Schriften) auf der Webseite zur Verfügung zu stellen. Informationen, die über diese Service Cookies gewonnen werden, können möglicherweise auch zur Seitenanalyse weiterverarbeitet werden.

Google Webfonts:
Dies ist eine Sammlung von Schriftarten für den kommerziellen und persönlichen Gebrauch.
SmartSupp:
SmartSupp stellt eine Live Chat Anwendung für Seitenbenutzer zur Verfügung. Über das Cookie wird die Funktion der Anwendung über mehrere Seitenaufrufe hinweg sicher gestellt und Statistiken zur Benutzung der Webanwendung erstellt.

Für Statistiken und Shop-Performance-Metriken genutzte Cookies.

Google Tagmanager
Merkzettel:
Speichere Deine Favoriten auf Deinem Merkzettel!
Wir respektieren Ihre Privatsphäre
Diese Website verwendet Cookies, um eine bestmögliche Erfahrung bieten zu können. Mehr Informationen ...