WooCommerce Varianten Plugin
Produktvarianten auf Shop-Übersichtsseiten (Kategorien) darstellen
Anzeige der verfügbaren Varianten auf der Produktübersicht
Insbesondere bei WooCommerce-Shops mit einem großen Anteil mobiler Nutzung möchte der Nutzer nicht immer die Produktdetailseite aufrufen, um zu sehen welche Produktvarianten es gibt und welche davon verfügbar sind. Die Anzeige von verfügbaren Produktoptionen bereits auf der Produktübersichtsseite (Produktarchive) ist daher ein großer Mehrwert für den Nutzer und ein Zugewinn für jeden WooCommerce-Shop mit variablen Produkten.
Hintergrund zu Produktvarianten bei WooCommerce
Bei WooCommerce gibt es im Standard das variable Produkt. Die Ausprägungen der Produktoptionen werden über Produkteigenschaften festgelegt. Klassische Produkteigenschaften sind Farben, Größe, Packungsgröße, u.s.w. Da eine Variante eine Kombination aus mehreren Produkteigenschaften sein kann, potenzieren sich die Anzahl der möglichen Varianten pro Produkt. Bereits bei einem T-Shirt in 7 verschiedenen Größen (S-XXL) und 7 verschiedenen Farben ergeben sich 49 Varianten aus denen der potentielle Kunde wählen kann.
Langsame Produktübersicht durch viele Produktvarianten
Aus dem o.g. T-Shirt-Beispiel ergibt sich eine hohe Anzahl an Produktvarianten. Jede Variante hat ggf. eine eigene Verfügbarkeit, einen eigenen Preis und eigne Bilder. Hat der Shop viele dieser variablen Produkte und gibt es Produktübersichten (Produktarchiv-Seiten), kann es schnell zu Performance-Problemen kommen. Dazu folgendes Beispiel: Auf einer Produktkategorie-Seite (z.B. T-Shirts) sind 24 Hauptprodukte enthalten. Wenn das Hauptprodukt 49 Varianten (Farbe, Größe) hat, müssen nur auf dieser Shopseite fast 1200 Produkte geladen werden. Bei einer angestrebten Ladezeit von < 0,5 Sekunden ist das ohne extra Caching der Produkte für die Listenansicht nicht zu machen.
Analyse bestehender Plugins für „WooCommerce Variation Swatches"
Darstellung von Produktvarianten auf Produktübersichtsseiten gibt es viele. Wir haben einige hiervon ausprobiert und nicht ein vorgestelltes Plugin für „WooCommerce Variation Swatches" war zufriedenstellend. Denn keines der vorgestellten WooCommerce Varianten Plugins bringt ein eigenes Caching mit. Weswegen diese Plugins nur bei geringer Anzahl an Produkten und Produkteigenschaften funktionieren.
Buttons (Swatches) anstatt Dropdowns
Im Standard kann der Nutzer auf der Produktdetailseite die Varianten per Dropdowns auswählen. Gerade bei Farben oder Größen ist diese Darstellung nicht optimal, da der Nutzer sich nur schwer eine Übersicht verschaffen kann. Die alternative Darstellung von Buttons (Swatches) ist daher sehr beliebt und ist ebenfalls in unserem WooCommerce Varianten Plugin inkludiert. Zusätzlich werden dem Nutzer nicht verfügbare Produktoptionen angezeigt, in dem die entsprechende Option durchgestrichen oder ausgegraut ist.
Bildwechseln bei Auswahl der Variante auf der Produktkategorieseite
Unser Plugin stellt nicht nur die performante Anzeige der verfügbaren Produktoptionen auf der Übersichtsseite bereit, es ermöglicht auch einen Wechsel des Produktbildes bei hover (mobile -> Klick) auf die entsprechende Produktoption.
Beispiele für unser Varianten-Plugin
Unser WooCommerce Varianten Plugin für eine performative und intuitive Darstellung der Produktvarianten ist bereits hier im Einsatz.
Anzeige der verfügbaren Produkteigenschaft „Farbe" auf der Kategorieseite
Unsere Pro Version des Plugins können Sie kostenlos und unverbindlich 4 Wochen testen. Gefällt es Ihnen, berechnen wir im Jahresabo 20 Euro netto/Monat.
Gerne passen wir das Plugin an Ihren WooCommerce-Shop an oder erweitern es entsprechend Ihren Wünschen.
