Warenkorb-Seitenvorlage

Wird Ihnen die statische Warenkorbseite langweilig? Was wäre, wenn Sie eine einzigartige Warenkorbseitenvorlage für Ihre WooCommerce-Website erstellen könnten?

ShopEngine, ein WooCommerce-Builder, der mit Elementor und Gutenberg kompatibel ist, enthält mehrere Widgets, darunter „Warenkorbtabelle“, „Warenkorbsumme“, „Cross Sell“ und „Zurück zum Shop“. um benutzerdefinierte Warenkorbseitenvorlagen zu erstellen. 

Damit können Sie Warenkorbvorlagen erstellen mehrere Sprachen (WordPress unterstützt) sowohl für Links-nach-rechts-Schrift (z. B. Englisch) als auch für Rechts-nach-Links-Schriftarten (z. B. Arabisch). Diese tragen dazu bei, die Warenkorbseite dynamischer und benutzerfreundlicher zu gestalten. 

✨✨Erforderliche Plugins:
👉👉ShopEngine: Laden Sie ShopEngine herunter
👉👉Elementor: Laden Sie Elementor herunter
👉👉WooCommerce: Laden Sie WooCommerce herunter

ShopEngine-Widgets für Warenkorbseitenvorlage: Kurzübersicht  #

Widget Zweck
WagentischBild, Name, Menge (erhöhbar), Zwischensumme
Warenkorb insgesamtZwischensumme, Versandkosten, Gesamtgebühr anzeigen, zur Kasse gehen 
Cross-SellingUm Produkte anzuzeigen 
Zurück zum Shop-ButtonMit dem Einkaufen fortfahren
Meldung „Warenkorb leeren“.Zeigen Sie die Meldung „Ihr Warenkorb ist derzeit leer“ an 
Warenkorb aktualisierenNeu ausgewählte Elemente aktualisieren 
Warenkorb leerenEntfernen Sie alle Elemente 
Gutschein-Button Gutscheincode eingeben 

So erstellen Sie eine Warenkorbseitenvorlage mit ShopEngine – 2 Stile #

Es ist an der Zeit, die Schritte zum Erstellen der Warenkorbseitenvorlage durchzugehen. Sie können sowohl den Border Cart-Stil als auch den RTL-Stil (von rechts nach links) verwenden, um Ihre eigene Vorlage zu entwerfen. Und Sie müssen nicht zwischen dem Editor und dem Vorschaumodus wechseln, um Ihr Design zu sehen.

Stil 1 – Border-Cart-Stil #

Schritt 1: Erstellen Sie eine neue Warenkorbvorlage #

  • Nachdem Sie sich bei Ihrem WordPress-Dashboard angemeldet haben, gehen Sie zu „ShopEngine“ -> „Builder-Vorlagen“
Erstellen Sie eine neue Warenkorbvorlage
  • Klicke auf "Neue hinzufügen". Es erscheint eine Registerkarte mit den Vorlageneinstellungen
  • Stellen Sie „Vorlagenname“. Nächste, Wählen Sie Seitentyp -> Warenkorb
  • Sie können das einschalten "Aktiv" drücken oder ausgeschaltet lassen. Es kann auch nach Abschluss des Vorlagendesigns geändert werden.
  • Wähle aus „Leeres Musterdesign“ um Ihr eigenes Design mithilfe von Warenkorbseiten-Widgets zu entwickeln
  • Klicken Sie nun auf „Bearbeiten mit Elementor“
Erstellen Sie eine neue Warenkorbvorlage

Schritt 2: Wählen Sie die Blockstruktur #

Als nächstes sehen Sie alle Widgets auf der linken Seite. Auf der rechten Seite müssen Sie die Blockstruktur auswählen. Du kannst Drag & Drop die Widgets zum Erstellen des Designs.

Schritt 3: Verschönern Sie Ihre Warenkorb-Seitenvorlage mit Warenkorb-Widgets #

Gehen Sie zu einem ShopEngine-Warenkorbblock und entwerfen Sie Ihren eigenen. Hier erhalten Sie einige spezifische ShopEngine-Warenkorb-Widgets, einschließlich Warenkorbtabelle, Warenkorbsumme, Cross-Sells, Meldung „Warenkorb leeren“, „Zurück zum Shop“ usw. Sie müssen nur die folgenden Widgets per Drag-and-Drop in den ausgewählten Bereich ziehen.

Außerdem können Sie die Widgets von Elementor wie Kopfzeilen, Texteditor, Schaltflächen, Bild-Widgets usw. verwenden.

Sehen wir uns an, wie Sie sie anpassen können:

Warenkorb-Seitenvorlage mit ShopEngine

Schritt 4: Veröffentlichen Sie Ihre Warenkorbseitenvorlage #

  • Wenn Sie mit dem Entwerfen fertig sind, klicken Sie auf "Aktualisieren".
  • Gehen Sie nun zum Warenkorbseite -> Sie können sehen, dass Ihre gewünschte Warenkorbseite entsprechend angezeigt wird.

Stil 2 – RTL-Stil #

Das Verfahren zum Erstellen der Warenkorb-Seitenvorlage im RTL-Stil ist das gleiche wie beim Rand-Warenkorb-Stil. Sie müssen sie nur in die rechte Richtung starten. 

Dieser Stil ist vor allem für Rechts-nach-links-Sprachen wie Arabisch, Urdu, Persisch usw. hilfreich. 

Hinweis: Stellen Sie sicher, dass Sie die Spracheinstellung der Website auf Ihre bevorzugte Sprache geändert haben. Gehe zu Einstellungen ⇒ Allgemein ⇒ wählen Sie „Site-Sprache“.

👉👉Mehr erfahren – So verwenden Sie das RTL-Layout in ShopEngine-Vorlagen 

So fügen Sie eine vorgefertigte ShopEngine-Warenkorbseitenvorlage ein #

Sie haben keine Zeit, Ihr Design von Grund auf neu zu gestalten? Mach dir keine Sorge!

ShopEngine hat 2 vorgefertigte Warenkorbvorlagen wie Border Cart Style und RTL.

  • Navigieren Sie in ShopEngine wie in Schritt 1 von Border-Cart-Stil
  • Wählen Sie das Border Cart Style oder RTL Vorlage statt ein leeres Beispieldesign auszuwählen
  • Klicke auf „Bearbeiten mit Elementor“

Sie können sie auch nach Ihren Wünschen anpassen, indem Sie andere Widgets verwenden oder die vorhandenen Widgets neu anordnen oder ändern. 

  • Klicke auf "Aktualisieren"
Border Cart Style und RTL

Also, warum wartest du? Gestalten Sie Ihre Warenkorbseite dynamischer mit ShopEngine-Warenkorbseitenvorlagen.

Was sind deine Gefühle?
Aktualisiert am 28. Januar 2024