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

mehrere produktbilder variable produkte 1 - WooCommerce: Mehrere Produktbilder bei variablen Produkte anzeigen lassen

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

mehrere produktbilder variable produkte 2 - WooCommerce: Mehrere Produktbilder bei variablen Produkte anzeigen lassen

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.

    mehrere produktbilder variable produkte 3 - WooCommerce: Mehrere Produktbilder bei variablen Produkte anzeigen lassen

  • 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.

    mehrere produktbilder variable produkte 4 - WooCommerce: Mehrere Produktbilder bei variablen Produkte anzeigen lassen

    Einfach auf ≪Add Gallery Images≫ klicken und dann das Bild aus der Mediathek auswählen

    mehrere produktbilder variable produkte 5 - WooCommerce: Mehrere Produktbilder bei variablen Produkte anzeigen lassen

    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.

    mehrere produktbilder variable produkte 6 - WooCommerce: Mehrere Produktbilder bei variablen Produkte anzeigen lassen

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.