WooCommerce 3.0 bringt eine verbesserte Produktgalerie, Leckereien für Entwickler und mehr

Es ist kaum zu glauben, dass unsere letzte große WooCommerce-Veröffentlichung so lange her ist, aber manchmal lohnt es sich, auf gute Dinge zu warten.

Heute sind wir stolz darauf, die WooCommerce 3.0-Version vorzustellen , die Folgendes umfasst:

• Eine aktualisierte Produktgalerie mit neuem Zoom, Galerieansicht und mobilen Funktionen
• Mehrere Geschwindigkeits- und Leistungsverbesserungen
• Das Hinzufügen von CRUD-Klassen
• Eine neue CLI , die von der REST-API unterstützt wird

Dies sind einige wichtige Ergänzungen, und im Bionic Butterfly gibt es noch mehr zu entdecken, also kommen wir gleich zur Sache!

Präsentieren Sie Ihre Produktbilder in der überarbeiteten Galerie

Wir haben fast seit der Veröffentlichung von 2.6 im letzten Jahr darüber gesprochen, das Galerieerlebnis auf einzelnen Produktseiten zu überarbeiten. Wir waren mit der Funktionalität von Galerie lange Zeit nicht zufrieden – insbesondere auf mobilen Geräten und kleineren Bildschirmgrößen – und hielten es für an der Zeit, etwas zu ändern.

Nachdem wir eine Umfrage durchgeführt und einige interne Tests durchgeführt hatten, kamen wir schließlich auf eine neue Galerie, die mehr Funktionen hatte, weitaus mobilfreundlicher und intuitiver war als die vorherige Iteration.

Hier ist ein kurzes Video der Galerie in Aktion:

In der überarbeiteten Galerie, die auf den einzelnen Produktseiten erscheinen wird, finden Sie:

• Käufer können jetzt sowohl Bilder von der Seite vergrößern als auch über ein Lightbox-Popup hineinzoomen
• Wenn Sie mehr als ein Bild haben, ist das Verhalten der Galerie intuitiver ; Wenn Sie beispielsweise auf ein Miniaturbild klicken, wird das Bild aktualisiert, das Sie bereits anzeigen, anstatt ein Lightbox-Popup-Fenster zu öffnen
• Dramatische Verbesserungen für mobile Galerieansichten, einschließlich Berührungsgesten : Wischen Sie, um durch die Galerie zu scrollen, kneifen Sie, um zu zoomen, und wischen Sie nach oben, um das aktuelle Bild zu schließen
• Das Zoomen in ein Produktbild auf Mobilgeräten zeigt jetzt die wahre Größe des Bildes an – zuvor wurde es an das (sehr kleine) Browserfenster angepasst, was keine ideale Erfahrung ist!

Wir glauben, dass diese Verbesserungen Käufern ein schnelleres und einfacheres Erlebnis beim Betrachten Ihrer Produktbilder bieten, insbesondere auf Mobilgeräten, und ihnen die Möglichkeit geben, hineinzuzoomen und diese kleinen Details zu sehen. Wenn Sie es noch nicht getan haben, ist jetzt der perfekte Zeitpunkt, um sicherzustellen, dass Sie mehrere Produktbilder für alle Ihre Artikel haben!

Sie können hier mehr über die Galerie lesen und herausfinden, was Sie möglicherweise aktualisieren müssen, um die Kompatibilität zu gewährleisten, wenn Sie ein Designentwickler sind.

Achten Sie auf Leistungsverbesserungen, insbesondere in größeren Geschäften

Wir arbeiten ständig daran, WooCommerce schneller und effizienter zu machen, und dieses Update ist nicht anders. Wir haben mehrere signifikante Leistungsverbesserungen in 3.0 gepackt, die Sie am ehesten bemerken werden, wenn Sie einen größeren Shop haben (insbesondere mit mehreren hundert Produkten oder vielen verschiedenen Variationen).

Auf zwei der konkreten Verbesserungen möchten wir hinweisen:

• Wir verwenden jetzt Taxonomien, um die Produktsichtbarkeit, vorgestellte Produkte und nicht vorrätige Produkte anstelle des langsameren Post-Metas zu bestimmen und anzuzeigen
• Wir haben die Anzahl der Abfragen für Upsells und verwandte Produkte auf Produkt- und Warenkorbseiten reduziert .

Dies ist jedoch nur ein Auszug der Verbesserungen, die wir vorgenommen haben. Die gesamte Liste ist im ursprünglichen Beta-Release-Post verfügbar, wenn Sie neugierig sind. Aber das Wichtigste, was Sie wissen müssen, ist, dass wir aktiv daran arbeiten, größere Shops zu beschleunigen, sowohl in dieser als auch in zukünftigen Versionen.

Einführung von CRUD-Klassen – was sie sind und wie sie Entwicklern helfen

Bis zu dieser Version gab es mehrere Möglichkeiten für Entwickler, Daten für Bestellungen, Produkte usw. in die Datenbank zu schreiben. Das Abrufen von Daten könnte auch auf mehreren Wegen erfolgen. Dies alles erforderte, dass die Entwickler wussten, welche Art von Daten sie zu ändern versuchten, und das war nicht ideal: Es war zeitaufwändig und kompliziert.

Um die Datenspeicherung zu optimieren, müssen wir sicherstellen, dass Entwickler eine einzige Methode zum Schreiben und Abrufen von Daten verwenden . Aus diesem Grund führen wir mit dieser Version CRUD-Klassen ein.

CRUD steht für C reate , Read, U pdate, D elete – die vier grundlegenden Operationen, die Sie mit einer Ressource durchführen können. Mit den zu WooCommerce 3.0 hinzugefügten CRUD-Klassen können Sie Bestellungen, Produkte, Kunden, Werbebuchungen, Versandzonen, Zahlungstoken und Coupons mit weniger Code in einem einheitlichen System ändern .

Die Vorteile dieser Ergänzung:

• Wir definieren die Daten für jede Ressource und kontrollieren ihren Fluss und ihre Validierung
• Sie müssen nur die Namen der Daten kennen , mit denen Sie arbeiten, anstatt die Typen oder internen Details
• Die Daten können an eine andere Stelle verschoben werden (z. B. benutzerdefinierte Tabellen), ohne dass sich dies auf den vorhandenen Code auswirkt
• Weniger Code bedeutet weniger Änderungen und mehr Tests

Weitere Informationen zu den CRUD-Klassen in WooCommerce und ihrer Verwendung finden Sie in Mikes Post, in dem sie ihre Hinzufügung zu dieser Version im Develop WooCommerce-Blog ankündigen.

Verwalten Sie Daten schneller mit der neuen CLI

Noch ein Leckerbissen für Entwickler: Wir haben unsere Befehlszeilenschnittstelle (CLI) überarbeitet. Anfänglich wurde die WooCommerce-CLI von einem eigenen Code getrennt von der REST-API betrieben. Dies bedeutete, dass Code versehentlich in der gesamten Codebasis dupliziert werden konnte und dass bestimmte Dinge, die in der REST-API möglich waren, mit der CLI überhaupt nicht möglich waren.

Die neue CLI wird von der REST-API unterstützt und ist ein Fork von Restful. Dies reduziert die Menge an Code, die wir pflegen müssen, bietet Ihnen mehr Leistung und bedeutet, dass die Befehle immer aktuell sind, wenn wir die REST-API verbessern.

Justins Post im Develop WooCommerce-Blog enthält weitere Details sowie eine Liste von Befehlen, die Sie ab heute verwenden können.

Und das ist nicht alles

Um ehrlich zu sein, WooCommerce 3.0 hat viel mehr zu bieten als das, was wir bisher hervorgehoben haben, aber es ist schwierig, alles in einen einzigen Beitrag zu packen. Hier sind einige weitere Änderungen, über die Sie vielleicht wissen möchten:

• Automatische Sortierung der Steuersätze , was das Hinzufügen und Verwalten neuer Steuerzonen erleichtert
• Die seitenweite Benachrichtigung kann jetzt von Kunden geschlossen werden
• Die Handhabung von WordPress-Netzwerken/Multisite-Benutzern wurde aktualisiert , sodass WooCommerce bestehende Benutzer zum aktuellen Shop hinzufügt, wenn der Benutzer bereits ein Konto im selben Netzwerk hat (dies führte zu einem Fehler in 2.6).
• Wir haben Warenkorb-Prozent- und Produkt-Prozent-Coupon-Typen in einer Methode zusammengeführt , um Verwirrung und Fehler zu vermeiden, die durch die Warenkorb-basierte Validierung verursacht werden
• Und schließlich eine verbesserte Protokollierung für Entwickler

Eine vollständige Liste der Änderungen und Funktionen finden Sie im Beta-Release-Beitrag in unserem Entwicklungsblog.

Warum diese Version 3.0 statt 2.7 ist

Wie Sie vielleicht in E-Mails oder Online-Chats gesehen haben, sollte diese Version ursprünglich als 2.7 nummeriert und Mitte März veröffentlicht werden. Aber unsere Pläne änderten sich während des Beta-Tests, und wie wir angekündigt hatten, hielten wir es für an der Zeit, auf ein neues Release-System umzusteigen.

In Zukunft werden WooCommerce-Versionen Semantic Versioning verwenden , was vorschreibt, dass Hauptversionen – solche mit API-Änderungen oder der Möglichkeit, die Erweiterungskompatibilität zu beeinträchtigen, wie diese – eine neue Hauptversionsnummer erhalten (z. B. 4.0, 5.0). Minor Releases und Patches hingegen erhalten Punktversionen (z. B. 3.1, 3.2).

Wir verwenden diese Methode, um besser zu beschreiben, was jede Version enthält, und Ihnen auf einen Blick zu sagen, welche potenziellen Auswirkungen eine Version auf Ihr Geschäft haben könnte. Wir hoffen, dass dies auch das Vertrauen in kleinere Versionen und Patches erhöht und Ihnen hilft, WooCommerce schneller zu aktualisieren, wenn eines dieser Updates veröffentlicht wird.

Darüber hinaus planen wir, nach der Ankündigung neuer Hauptversionen mehr Zeit für Beta- und Release Candidate-Tests einzuplanen . Dies ist auf hilfreiches Feedback zurückzuführen, das wir auf unseren (damals) 2.7-Release-Post von Entwicklern erhalten haben, die mehr Zeit zum Testen wollten.

Wir sind unglaublich dankbar für all das Feedback und die Ratschläge, die uns dazu geführt haben, dieses neue Release-System zu implementieren, sowohl für die semantische Versionierung als auch für die längeren Testperioden. Wir sind gespannt darauf, dies mit den nächsten paar Updates auszuprobieren und freuen uns auf weiteres Feedback von Ihnen, wie es läuft!

Sind Sie bereit, den Bionic Butterfly auszuprobieren? Ihr Update wartet

Wir hoffen, dass Ihnen das Lesen über WooCommerce 3.0 gefallen hat . Wenn Sie bereit sind, es auszuprobieren, sehen Sie sich unsere Dokumentation zum Update an, stellen Sie sicher, dass Ihre Backups vorhanden sind, und holen Sie sich dann das Update von Ihrem WordPress-Dashboard.

Wenn beim Aktualisieren ein Problem auftritt oder Sie einen Fehler finden, gehen Sie wie folgt vor:

In unserem Entwicklungsblog finden Sie spezifische Dinge, auf die Sie bei 3.0 achten sollten, potenzielle Kompatibilitätsprobleme und laufende Updates.

Was haltet ihr vom Bionic Butterfly? Lass es uns in den Kommentaren wissen!