Produktbilder und Galerien¶

Produktbilder gehören zu einem Produkt. Eine Galeriekonfiguration bestimmt ihre Darstellung: Größen, Linkverhalten, Ersatzbild und Template.

Verwende eine kompakte Galerie für Produktlisten und eine größere für Produktdetails. So können Kunden schnell stöbern und den Artikel vor dem Kauf genauer ansehen.

Galerie konfigurieren¶

1. Öffne Konfiguration → Galerien und erstelle einen Datensatz.
2. Wähle den verfügbaren Galerietyp und einen aussagekräftigen Namen.
3. Lege die Größen für Hauptbild und weitere Bilder fest.
4. Wähle die Bildaktion: kein Link, Produktleser oder Bild-/Lightbox-Link.
5. Wähle optional einen Platzhalter für Produkte ohne Bild.
6. Wähle die Galerie in den Listen- und Lesereinstellungen des Produkttyps.

Ein Inhaltselement kann die Galerie des Produkttyps überschreiben. Prüfe diese Überschreibung, wenn eine Typänderung scheinbar nichts bewirkt.

Nützliche Bilder vorbereiten¶

Verwende einen einheitlichen Bildaufbau, damit Listen leicht zu erfassen sind. Ergänze Alternativtexte, die Produkt oder relevante Details benennen. Zeige mehrere Ansichten, wenn Form, Größe oder Lieferumfang sonst unklar bleiben.

Ein Platzhalter verhindert Lücken im Layout, ersetzt aber kein Produktfoto. Prüfe Produkte ohne Bilder vor dem Start.

Darstellung testen¶

Prüfe die Liste auf Smartphone und Desktop und öffne dann den Leser. Achte darauf, dass wichtige Teile nicht abgeschnitten sind, die Bildaktion wie vorgesehen funktioniert und variantenspezifische Bilder der gewählten Variante folgen.

Prüfe bei mehreren Sprachen neben der Produktbeschreibung auch die Bildübersetzungseinstellungen. Manche Bilder enthalten Text und müssen ersetzt werden, andere benötigen nur übersetzte Alternativtexte.

Die Updatehinweise zu Isotope 3 entfernen ElevateZoom und Wasserzeichenoptionen. Erwarte diese Bedienelemente aus älteren Galerieanleitungen nicht.

Als Nächstes: Produkttypen, wo du die erstellte Galerie auswählst. Technische Bildoptimierung behandelt Performance.