Produktbilder hinzufügen und bearbeiten

Das Hinzufügen von Produktbildern zu Ihrem Shop ist wichtig, um professionell und seriös zu wirken. Qualitativ hochwertige Bilder ermöglichen es Kunden, Ihre Produkte im Detail zu betrachten, was zu einem besseren Einkaufserlebnis und potenziell zu höheren Umsätzen führt.

Um optimale Ergebnisse zu erzielen, sollten die Produktbilder mindestens 1100 x 1100 Pixel groß sein und das gleiche Bildformat haben, z. B. quadratisch, Quer- oder Hochformat.

Beispiel für eine Kategorieseite mit einheitlichen Produktbildern

So fügen Sie Produktbilder hinzu

  1. Navigieren Sie im Hauptmenü des Administrationsbereichs zu ProdukteProdukte anzeigen.
    Die Tabelle zeigt eine Übersicht über alle Produkte in Ihrem Shop.
  2. Wählen Sie die jeweilige Artikelnummer in der Tabelle oder fügen Sie ein neues Produkt hinzu und richten Sie es ein.
  3. Unter Bilder, wählen Sie Bilder hinzufügen.
  4. Wählen Sie die Bilder von Ihrem Gerät aus, die Sie hochladen möchten.
    Die Bilder werden hochgeladen.
  5. Nehmen Sie ggf. über Crop Änderungen am Bildformat vor. Weitere Informationen finden Sie im Abschnitt So bearbeiten Sie ein Produktbild.
  6. Wählen Sie Speichern.

Sie haben die Bilder für das Produkt hinzugefügt.

Das obere, am größten angezeigte Bild ist das Hauptbild, das als erstes auf der Produktseite angezeigt und im Shop als Vorschaubild verwendet wird. Wenn Sie dies ändern möchten, bringen Sie die Bilder per Drag-and-Drop in die gewünschte Reihenfolge.

Um ein Produktbild zu löschen, bewegen Sie Ihre Maus über das entsprechende Bild und wählen Sie Delete.

So bearbeiten Sie ein Produktbild

  1. Navigieren Sie im Hauptmenü des Administrationsbereichs zu ProdukteProdukte anzeigen.
    Die Tabelle zeigt eine Übersicht über alle Produkte in Ihrem Shop.
  2. Wählen Sie die jeweilige Artikelnummer in der Tabelle.
  3. Bewegen Sie Ihre Maus im Abschnitt Bilder über das jeweilige Bild und wählen Sie Crop.
    Es öffnet sich ein Pop-up.
  4. Passen Sie das Bildformat an, indem Sie die folgenden Aktionen durchführen:
    Der blau umrandete Bereich zeigt den Teil des Bildes an, der in Ihrem Shop angezeigt wird, wenn Sie Speichern wählen.
    Aktion Beschreibung
    Bild drehen

    Verwenden Sie -90° oder +90°, um das Bild um 90° nach links oder rechts zu drehen.

    Es ist nicht möglich, das Bild frei zu drehen.

    Seitenverhältnis ändern

    Um eines der vordefinierten Seitenverhältnisse einzustellen, wählen Sie  (1:1),  (2:3),  (4:3),  (16:9) oder  (3:2). Das Seitenverhältnis beschreibt das proportionale Verhältnis zwischen der Breite und Höhe eines Bildes.

    Um ein benutzerdefiniertes Seitenverhältnis festzulegen, wählen Sie Benutzerdefiniert und passen Sie den blauen Rahmen per Drag-and-Drop an oder geben Sie die gewünschten Maße in Pixeln in die Felder Breite und Höhe ein.

    Für ein einheitliches Erscheinungsbild empfiehlt es sich, für alle Produktbilder dasselbe Seitenverhältnis zu verwenden.
    Größe des anzuzeigenden Bereichs ändern Ziehen Sie den blauen Rahmen per Drag-and-Drop, um die Größe des Bereichs zu ändern. Das Format des blauen Rahmens hängt vom ausgewählten Seitenverhältnis ab.
    Vergrößern/verkleinern Verwenden Sie Vergrößern und Verkleinern, um den Bildausschnitt zu vergrößern/verkleinern. Dadurch können Sie beispielsweise ein bestimmtes Detail des Bildes hervorheben.
    Angezeigten Bildbereich anpassen

    Ziehen Sie den markierten Bereich an eine andere Position. Um den angezeigten Bildausschnitt genauer auszuwählen, verwenden Sie die Pfeile:
    Bild nach links bewegen Bild nach rechts bewegen Bild nach oben bewegen Bild nach unten bewegen

    Zurücksetzen Verwenden Sie Zurücksetzen, um Ihre aktuellen Formateinstellungen bezüglich der Größe des angezeigten Bereichs, der Position, des Zooms und der Ausrichtung des Bildes zurückzusetzen.

    Vorsicht

    Mit Zurücksetzen wird das Bild nicht in den ursprünglich hochgeladenen Zustand zurücksetzt. Es werden nur die Einstellungen zurückgesetzt, die Sie gerade vorgenommen und noch nicht gespeichert haben.
  5. Sobald Sie fertig sind, wählen Sie Speichern.

Sie haben das Format des Produktbildes bearbeitet. Um das Format anderer Produktbilder anzupassen, wiederholen Sie die oben genannten Schritte.

So bearbeiten Sie die Größe der Vorschau-Produktbilder

Um die Bildgröße der Vorschaubilder z. B. auf der Kategorie-Übersichtsseite zu bearbeiten, öffnen Sie die entsprechende Seite im Editor. Bewegen Sie Ihre Maus über das Kategorie-Element, wählen Sie Bearbeiten und legen Sie fest, ob Sie die Produktbilder in S (Klein), M (Mittel) oder L (Groß) anzeigen möchten.

Eine Vorschau mit der aktuell gewählten Produktbildgröße wird sofort auf der Seite im Hintergrund angezeigt. Wenn Sie S wählen, werden die Bilder kleiner und damit mehr Bilder auf einmal angezeigt. Wenn Sie L wählen, werden die Bilder größer und damit weniger Bilder auf einmal angezeigt.

So aktivieren Sie den Zoom für Produktbilder

Damit Ihre Kunden den Zoom auf den Produktseiten Ihres Shops nutzen können, müssen die Bilder eine bestimmte Größe haben. Für Bilder mit einer Größe von 1100 x 1100 Pixel oder mehr können Sie davon ausgehen, dass der Zoom auf den meisten Endgeräten funktioniert. Wenn ein Bild zu klein ist, wird der Bildzoom für dieses Bild automatisch deaktiviert. In diesem Fall wird das Bild bereits in der maximalen Vergrößerung angezeigt.

Wenn das Bild bereits in voller Auflösung sichtbar ist, würde ein weiterer Zoom nur einen unscharfen Ausschnitt zeigen. Insbesondere auf großen, hochauflösenden Bildschirmen ist es wahrscheinlich, dass ein Produktbild bereits in der maximalen Vergrößerung angezeigt wird.

Es wird daher empfohlen, eher größere Bilder zu verwenden. Da die Seiten Ihres Shops dynamisch geladen werden, kommt es trotz großer Bilder nicht zu Ladezeitproblemen.

ProductImageZoom.gif

Info

Sie können den Zoom für die Produktbilder in Ihrem Shop auch deaktivieren. Dann wird dieser nie aktiviert, auch wenn das hochgeladene Bild groß genug ist. Navigieren Sie dazu im Hauptmenü des Administrationsbereichs zu Einstellungen → Produktdarstellung im Shop und wählen Sie Nein für Produktbild-Zoom aktivieren.

War dieser Beitrag hilfreich?