Ich freue mich immer, wenn man mir Fragen hier auf dem Blog oder auf Youtube stellt und noch mehr freue ich mich, wenn diese Fragen zu einem neuen Blogbeitrag führen. Ich liebe diese Art des User-Generated Content (Wie man so schön auf Neudeutsch sagt).
Wie ihr wisst, sind die Produktbilder in einem Online Shop sehr wichtig. Da sehen nämlich die Kunden wie das Produkt aussieht und entscheiden gerne dann wenn ihnen das Bild gefällt. Ich habe mal einen Online Shop fürs Essen betreut – der hat Delikatessen verkauft und die werden nun mal gerne Tiefgekühlt verschickt. Nun hat er Hummerschwänze verkauft und anstatt dass er ein schönes Produktbild genommen hat, hat er ein Bild gemacht mit einem tiefgefrorenem Hummerschwanz und das sah dann aus als ob das Produkt verschimmelt ist… Ich muss nicht noch extra erwähnen, dass man von den Hummerschwänze fast nie was verkauft hat…
Ich habe euch ja schon gezeigt, wie man ein Produktbild mit einem Video ersetzen kann, nun wurde ich gefragt wie man denn in Variable Produkte in WooCommerce auch mehrere Bilder einbauen kann.
Die Frage
Ich habe einen Online Shop auf WooCommerce Basis – zum Beispiel einen Tshirt Shop und möchte nun die Vorderseite und die Rückseite anzeigen lassen und evtl noch die Ärmel usw
Nun kann ich natürlich zu jedem variablen Produkt ein Bild hochladen und dann die restlichen Bilder zum Beispiel in der Galerieansicht hinzufügen.
Das Dumme ist dann halt, wenn ich die Variable auswähle, dann sehe ich verschiedene Farben und das sieht dann schon ein wenig doof aus
Die Lösung
Nun zeige ich euch, mit welchem Plugin man mehrere Produktbilder in variablen Produkte einbauen kann und wie man dieses Plugin konfiguriert. Es ist sehr einfach. Ich habe die Anleitung als Video und gleich danach noch als Text & Bild für euch verarbeitet.
Video Anleitung
Produkt erstellen
Geht in euer WooCommerce rein und erstellt eure variablen Produkte und dann sieht dass etwa so aus.
Ihr seht ihr könnt nur 1 Produktbild bei einer Variable hochladen.
Plugin installieren
Nun gibts ein Freemium Plugin für WordPress dass euch hier weiterhilft. Installiert dieses Plugin mit dem Name Additional Variation Images Gallery for WooCommerce. Nachdem ihr es installiert habt, dann könnt ihr es gleich aktivieren.
Variable Bilder hochladen
Nachdem ihr das Plugin installiert und aktiviert habt, dann geht ihr wieder ins entsprechende Produkt hinein und öffnet die Variablen (im Backend) und jetzt seht ihr gibts einen weiteren Button, wo ihr weitere Bilder der Variable hinzufügen könnt.
Einfach auf ≪Add Gallery Images≫ klicken und dann das Bild aus der Mediathek auswählen
Wichtig
Wenn ihr die gratis Version des Plugin verwendet, dann könnt ihr max 2 Zusätzliche Bilder hochladen pro Variable – wenn ihr mehr wollt, dann müsst ihr die Pro Version kaufen.Produkt abspeichern und anzeigen lassen
Wenn ihr das gemacht habt, dann speichert nun das Produkt ab und zeigt es euch in der Frontseite an. Je nach Theme siehts dann etwas anders aus, aber so könnte es aussehen. Jedesmal wenn ihr eine andere Variante anzeigt, ändern sich auch die Bilder und ihr seht dann die korrekten Bilder.
So einfach geht das und ist eigentlich so einfach.
Wenn man das Plugin kauft dann gibts übrigens diese Funktionen die freigeschalten werden – die klingen doch auch ganz toll.
Pro Version Features
- Display Unlimited Images For Each WooCommerce Product Variation
- Insert YouTube Video in the Product Image Gallery.
- Insert Vimeo Video in the Product Image Gallery.
- Insert Video From WordPress Media Library in the Product.
- Enable Auto Slide for Product Variation Gallery
- Top, Left, Right Gallery Thumbnail Position.
Guten Tag Herr Mächler
Wie können mehrere Variantenbilder mit dem All Import in die VariantenGalerie hochgeladen werden. Einzeln aus der Meditahek einfügen funktioniert gut. gibt es da einen trick?
Hallo,
ich habe hier ein Problem.
Wenn ich das Plugin installiere, klappt es zwar in den Settings mehrere Bilder einzufügen, aber wenn ich mir die Produktseite anschaue, tauchen die Bilder nicht auf und da kommt plötzlich die Meldung „Dieses Produkt ist leider nicht verfügbar“ obwohl ich im Lagerbestand, vorrätig ausgewählt habe.
Gibt es hier eine Lösung?
Liebe Grüße
Jenny