Divi-Funktions-Update: WooCommerce-Warenkorb- und Checkout-Anpassung

Blair Jersyer Divi Tutorials Nov 23, 2021

Heute wurden 8 neue Divi WooCommerce-Module veröffentlicht, zusammen mit der Möglichkeit, Ihre WooCommerce-Checkout-Seite und Ihre WooCommerce-Warenkorbseite mit dem Builder und seinen gesamten Designoptionen anzupassen. Jetzt können Sie die gesamte Benutzererfahrung steuern, vom Betrachten eines Produkts bis zum Kauf.

Die neuen Divi WooCommerce Module

Bis zu dieser Version wurden acht neue Module zu Divi hinzugefügt. Jedes dieser neuen Module repräsentiert einen Abschnitt der Warenkorb- und Checkout-Seiten von WooCommerce. Wenn Sie Divi-Module verwenden, um einen Warenkorb oder eine Checkout-Seite zu gestalten, haben Sie die vollständige Kontrolle über das Layout und die Struktur der Seite. Acht neue Module sind in diesem Set enthalten:

  • Woo Cart Products – Dieses Modul zeigt die Liste der Produkte an, die ein Benutzer derzeit in seinem Einkaufswagen hat.
  • Woo Cart Totals – Dieses Modul zeigt die aktuelle Zwischensumme, den Versand und den Gesamtpreis für die Produkte im Warenkorb eines Benutzers an.
  • Woo Cart Cross Sells – Dieses Modul zeigt Cross Sells und verwandte Produkte auf der Warenkorbseite an.
  • Woo Checkout Billing – Dieses Modul zeigt das Rechnungsdetailsformular an, das während des Checkouts verwendet wird.
  • Woo Checkout Shipping – Dieses Modul zeigt das Versanddetails-Formular an, das während des Checkouts verwendet wird.
  • Woo Checkout-Informationen – In diesem Modul werden Formulare mit Zusatzinformationen angezeigt.
  • Woo Checkout-Details – Während des Checkout-Prozesses zeigt dieses Modul Bestellinformationen an, einschließlich der gekauften Produkte und ihrer jeweiligen Preise.
  • Woo Checkout Payment – Die Auswahl der Zahlungsart und die Formulardetails werden während des Checkouts mit diesem Modul angezeigt.

Dieses Upgrade hat keine Auswirkungen auf die Geschwindigkeit Ihrer Website, da Divi Dynamic Framework und Dynamic CSS diese Module und die zugehörigen Funktionen und Assets nur laden, wenn Sie sie verwenden.

Anpassen Ihres Warenkorbs und der Checkout-Seiten

Mit den acht neuen Warenkorb- und Checkout-Modulen, die wir in dieser Version bereitgestellt haben, verwandelt Divi automatisch eine WooCommerce-Warenkorbseite oder eine WooCommerce-Checkout-Seite in eine Sammlung von Divi-Modulen.

Erstellen Sie erstaunliche Websites

Mit dem besten kostenlosen Seite Builder Elementor

Jetzt anfangen

Warenkörbe und Kassen können nach Ihren Wünschen angepasst werden, indem Sie sie über die Seite verschieben und mit anderen Divi-Modulen kombinieren. Mit Divi-Modulen sind Ihren Möglichkeiten keine Grenzen gesetzt, und jedes Modul verfügt über eine Vielzahl von Gestaltungsoptionen, mit denen Sie jeden Aspekt dieser Seiten ändern können.

Beispiel für die Änderungen an WooCommerce

Die Zeiten langweiliger Warenkorbtabellen und langweiliger Checkout-Seiten sind lange vorbei. WooCommerce ermöglicht es Ihnen jetzt, Ihre Designfähigkeiten in vollem Umfang zu entfalten. Schauen Sie sich einige der beeindruckenden Warenkorb- und Checkout-Seiten an, die unser Designteam mit dieser neuen Funktionalität entwickelt hat.

DIE DEMO ANSEHEN


DIE DEMO ANSEHEN

DIE DEMO ANSEHEN

DIE DEMO ANSEHEN

Die neuen WooCommerce-Module von Divi sind jetzt verfügbar!

Ab sofort können Sie das Divi WooCommerce- Update herunterladen und wir hoffen, es gefällt Ihnen. Wenn Sie als Erster von neuen Divi-Funktionen erfahren möchten, sobald diese verfügbar sind, folgen Sie uns auf Twitter . Bevor ich Änderungen an Ihrer Website vornehme, nehme ich mir immer die Zeit, jede Funktion im Detail durchzugehen. Ein unverzichtbarer Film- und Blogeintrag für jeden, der Divi auf seinen Websites verwendet!