Wix Hilfe-Center
    Start
  1. Dein Unternehmen verwalten
  2. Bestellungen, Warenkorb & Checkout
  3. Warenkorb & Checkout
    4. Den Warenkorb anpassen

Den Warenkorb anpassen

7 Min. Lesezeit
Wichtig:
  • Wir sind dabei, den Sidebar-Warenkorb zu veröffentlichen, der den Mini-Warenkorb ersetzt. Mehr erfahren
  • Dieser Artikel ist relevant für Wix Stores, Wix Bookings und Wix Restaurants Orders (Neu).
Der Sidebar-Warenkorb ist eine Vorschau der Warenkorbseite, die sich am Rand deiner Website-Seiten öffnet. Kunden können zum Sidebar-Warenkorb gelangen, indem sie auf das Warenkorb-Symbol oder den „In den Warenkorb“-Button klicken.
Screenshot des Sidebar-Warenkorbs.
In diesem Artikel erfährst du mehr über folgende Themen:

Unterschied zwischen dem Sidebar-Warenkorb und dem Mini-Warenkorb

Wir sind dabei, den Sidebar-Warenkorb einzuführen, eine aktualisierte Version des Mini-Warenkorbs. Der Sidebar-Warenkorb ist vollständig anpassbar und kann auf einem Mobilgerät angezeigt werden.
Beachte, dass nur der Sidebar-Warenkorb über die Seiten und das Menü auf der linken Seite deines Editors aufgerufen werden kann.
Wenn du in deinem Editor auf den Sidebar-Warenkorb klickst (siehe unten auf der linken Seite), wird außerdem eine Symbolleiste angezeigt. Der Mini-Warenkorb (rechts zu sehen) hat diese Symbolleiste nicht.
Screenshots des Sidebar-Warenkorbs und des Mini-Warenkorbs nebeneinander.

Auf den Sidebar-Warenkorb im Editor zugreifen

Wenn du nur eine Business-Lösung verwendest, greifst du in deinem Editor über den entsprechenden Abschnitt auf der Seite dieser Business-Lösung auf den Sidebar-Warenkorb zu. Wenn du zum Beispiel nur Wix Stores verwendest, findest du den Sidebar-Warenkorb unter Shop-Seiten.

Wenn du jedoch beispielsweise Wix Stores und Wix Bookings verwendest, befindet sich der Sidebar-Warenkorb unter Warenkorb & Bestätigung.
Wix Editor
Studio Editor
  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Seiten & Menü .
  3. Wähle die entsprechende Unternehmenslösung aus (Shop-Seiten, Buchungsseiten oder Restaurantseiten) oder wähle Warenkorb & Bestätigung.
  4. Wähle Sidebar-Warenkorb aus.

Das Warenkorb-Symbol so einrichten, dass der Sidebar-Warenkorbs geöffnet wird

Du kannst festlegen, was passiert, wenn ein Kunde auf das Warenkorb-Symbol klickt. So kannst du Kunden zum Sidebar-Warenkorb weiterleiten oder direkt zur Warenkorbseite leiten.

Um festzulegen, was passiert, wenn das Warenkorb-Symbol angeklickt wird:

  1. Klicke in deinem Editor auf das Warenkorb-Symbol.
Screenshot des Warenkorb-Symbols.
  1. Klicke auf Einstellungen.
  2. Wähle den Tab Einstellungen.
  3. Wähle eine Option:
    • Sidebar-Warenkorb anzeigen: Wenn Kunden auf das Warenkorb-Symbol klicken, öffnet sich der Sidebar-Warenkorb auf der rechten Seite. Von dort aus können sie auf Warenkorb anzeigen klicken, um zur Warenkorbseite zu gelangen, oder auf Checkout, um direkt zum Kauf ihrer Bestellung zu gelangen.
    • Vollständige Warenkorbseite öffnen: Wenn Kunden auf das Warenkorbsymbol klicken, werden sie zur Warenkorbseite weitergeleitet.

Den „In den Warenkorb“-Button so einrichten, dass der Sidebar-Warenkorb geöffnet wird

Du kannst festlegen, was passiert, wenn ein Kunde auf den „In den Warenkorb“-Button klickt. Der „In den Warenkorb“-Button kann so eingestellt werden, dass er direkt zum Sidebar-Warenkorb oder zu einer von drei weiteren Optionen führt.
Tipps:
  • Diese Option ist nur für Wix Stores relevant.
  • Der Button kann auf der Produktseite, auf der Kategorieseite oder in einer Galerie angezeigt werden.
Screenshot der Produktseite.

Um festzulegen, was passiert, wenn der „In den Warenkorb“-Button angeklickt wird:

  1. Klicke im Editor auf die Produktseite, Kategorieseite oder eine Gittergalerie.
    Tipp: Der Button kann separat angepasst werden.
  2. Klicke auf Einstellungen.
  3. Klicke auf den Tab Einstellungen.
  4. Achte darauf, dass unter „In den Warenkorb“-Button der Schalter Button anzeigen aktiviert ist.
  5. Wähle eine Option unter Beim Anklicken des Buttons:
    • Erfolgs-Pop-up anzeigen: Eine Pop-up-Benachrichtigung wird angezeigt. Hinweis: Das Erfolgs-Pop-up wird nicht auf Mobilgeräten angezeigt. Mobile Kunden werden zur Warenkorbseite weitergeleitet.
    • Sidebar-Warenkorb öffnen: Der Sidebar-Warenkorb wird am Bildschirmrand geöffnet.
    • Zur Warenkorbseite leiten: Kunden werden direkt zur Warenkorb-Seite geleitet.
    • Auf aktueller Seite bleiben: Kunden bleiben auf derselben Seite. Auf dem Button wird ein Häkchen angezeigt, um darzustellen, dass das Produkt erfolgreich hinzugefügt wurde.

Den Warenkorb anpassen

Nimm Änderungen am Text und Design des Sidebar-Warenkorbs vor, damit dieser zum Design deiner Marke passt.
Tipp:
Um den Sidebar-Warenkorb mit Artikeln anzuzeigen, während du ihn anpasst, klicke oben rechts im Editor auf Vorschau, füge einen Artikel hinzu (z. B. ein Produkt oder einen Service) und dann Zurück zum Editor, um den Vorschaumodus zu verlassen.

Um den Sidebar-Warenkorb anzupassen:

  1. Klicke in deinem Editor auf den Sidebar-Warenkorb.
  2. Klicke auf Einstellungen.
Screenshot des Wix Editor mit einem Teil des Sidebar-Warenkorbs und dem hervorgehobenen Button „Einstellungen“.
  1. Passe den Sidebar-Warenkorb mit den verfügbaren Optionen an:
    • Einstellungen: Blende eines der Sidebar-Warenkorb-Elemente ein oder aus.
    • Design: Passe Farben, Schriftarten, Deckkraft und vieles mehr an.
    • Text: Bearbeite den Standardtext.
  2. Passe die Überlagerung der Seite an:
    1. Klicke außerhalb des Sidebar-Warenkorbs auf eine beliebige Stelle auf der Seite.
      Screenshot of part of the Side Cart in the Wix editor
    2. Klicke auf Hintergrund ändern.
    3. Klicke auf Einstellungen und passe die Überlagerung an.
  3. Lege fest, was passiert, wenn Kunden außerhalb des Sidebar-Warenkorbs auf die Seite klicken:
    1. Klicke außerhalb des Sidebar-Warenkorbs auf eine beliebige Stelle auf der Seite.
    2. Klicke auf Überlagerung aktivieren.
    3. Klicke auf den Schalter Lightbox durch Anklicken schließen, um ihn zu aktivieren oder zu deaktivieren:
      • Aktiviert: Wenn Kunden außerhalb des Sidebar-Warenkorbs auf die Seite klicken, wird der Warenkorb geschlossen. Kunden können den Warenkorb auch schließen, indem sie in der oberen Ecke auf das „X“ klicken.
      • Deaktiviert: Wenn Kunden außerhalb des Sidebar-Warenkorbs auf die Seite klicken, passiert nichts. Kunden können den Warenkorb schließen, indem sie in der oberen Ecke auf das „X“ klicken.
  1. Wenn du fertig bist, klicke auf Modus verlassen.
Screenshot des Wix Editor mit einem Teil des Sidebar-Warenkorbs und dem hervorgehobenen Button „Modus verlassen“.
  1. (Optional) Du kannst zum Mobile-Editor wechseln und den Sidebar-Warenkorb auf deiner Mobile-Website anpassen.
    Tipp: Anpassungen, die du im Mobile-Editor vornimmst, wirken sich nicht auf den Sidebar-Warenkorb auf dem Desktop aus.

Wechsel vom Mini-Warenkorb zum Sidebar-Warenkorb

Möchtest du zum neuen Sidebar-Warenkorb wechseln? Öffne dazu deinen Editor und veröffentliche deine Website. Die Seite wird aktualisiert und du siehst den Sidebar-Warenkorb.
Tipp:
Die Designauswahl, die du für den Mini-Warenkorb getroffen hast, wird auf den Sidebar-Warenkorb übertragen. Der neue Checkout-Button wird nicht hinzugefügt, du kannst ihn jedoch in den Einstellungen manuell hinzufügen.

Häufig gestellte Fragen (FAQs)

Klicke unten auf eine Frage, um mehr zu erfahren.

War das hilfreich?

|
In diesem Artikel
  • Unterschied zwischen dem Sidebar-Warenkorb und dem Mini-Warenkorb
  • Auf den Sidebar-Warenkorb im Editor zugreifen
  • Das Warenkorb-Symbol so einrichten, dass der Sidebar-Warenkorbs geöffnet wird
  • Den „In den Warenkorb“-Button so einrichten, dass der Sidebar-Warenkorb geöffnet wird
  • Den Warenkorb anpassen
  • Wechsel vom Mini-Warenkorb zum Sidebar-Warenkorb
  • Häufig gestellte Fragen (FAQs)