Produktgalerie-Einstellungen

Ausgewählte Links

1. Company XYZ-Dokumentation zu den Einstellungen für Produktgalerien
2. Shopify-Dokumentation zum Theme-Editor
3. Shopify-Dokumentation zu Abschnitten und Blöcken

Hilfreiche Videos

Shopify Academy-Video: Ihren Store anpassen

Shopify Academy-Video: Ihren Store anpassen

Verwenden Sie diese Einstellungen, um zu steuern, wie Produktmedien auf Desktop und Mobile dargestellt werden. Sie helfen Ihnen, Bildsichtbarkeit, Produktinformationen, das Verhalten variantspezifischer Medien und die Videowiedergabe auszubalancieren, damit die Galerie sowohl zu Ihrem Katalog als auch zu Ihrem Produktseiten-Layout passt. Einen breiteren Überblick darüber, wie diese Steuerelemente in den Theme-Editor passen, finden Sie in der Shopify-Dokumentation zum Theme-Editor

Galerie-Einstellungen

Diese Einstellungsgruppe umfasst die wichtigsten Anzeigeoptionen für Produktbilder und Videos. Das vollständige Verzeichnis der verfügbaren Steuerelemente finden Sie in der Referenz zu Produktgalerie-Einstellungen und in der Shopify-Dokumentation zu Abschnitten und Blöcken

Bildproportionen

Sie können separate Bild-Seitenverhältnisse für Desktop und Mobile wählen. Das ist besonders nützlich, wenn Ihr Katalog eine Mischung aus Porträtaufnahmen, quadratischen Bildern und breiteren Lifestyle-Fotos enthält.

Für das sauberste Ergebnis sollten Sie das Anzeigeverhältnis an die Form Ihrer Quellbilder anpassen. Wenn Ihre Produktfotos sich von Produkt zu Produkt stark unterscheiden, kann ein konsistentes Anzeigeverhältnis das Gesamtbild hochwertiger wirken lassen, aber es blendet inkonsistente Zuschnitte nicht vollständig aus.

Wenn Produktbilder in Ihrem Katalog sehr unterschiedlich gerahmt sind, kann eine Änderung des Anzeigeverhältnisses die Konsistenz verbessern, einige Produkte aber dennoch enger oder lockerer wirken lassen als andere.

Desktop-Layout

Layout-Steuerelemente nur für Desktop ermöglichen Ihnen, die Position der Galerie sowie die relative Breite der Spalten für Medien und Produktinformationen zu wählen. Verwenden Sie diese Einstellungen, um festzulegen, ob Bilder oder Kaufdetails optisch stärker im Vordergrund stehen sollen.

Eine größere Medien-Spalte funktioniert in der Regel am besten, wenn Kunden stark auf visuelle Eindrücke angewiesen sind, etwa bei Bekleidung, Kunstwerken oder detaillierten handgefertigten Produkten. Ausgewogenere Spalten lassen sich oft leichter erfassen, wenn technische Daten, Optionen oder beschreibende Inhalte ebenso wichtig sind wie die Bilder.

Da Mobile immer in eine einzelne Spalte umbricht, sollten Sie die Galerieposition als Desktop-Darstellungsentscheidung und nicht als geräteübergreifende Layoutregel betrachten. Wenn Sie Medien im Slider-Stil verwenden, überprüfen Sie Desktop- und Mobile-Layout separat, da Navigation, Seitennummerierung und Vorschauverhalten sich von einer statischen Raster- oder gestapelten Darstellung unterscheiden können.

Galeriestil

Der Galeriestil steuert, wie Kunden auf jedem Gerät durch Produktmedien navigieren. Layouts mit mehreren Bildern können das Vergleichen von Blickwinkeln und Details erleichtern, während eine Diashow die Seite kompakter und fokussierter hält.

Desktop- und Mobile-Stile werden separat festgelegt. So haben Sie Spielraum, auf großen Bildschirmen ein reichhaltigeres Layout und auf kleineren Bildschirmen ein einfacheres zu verwenden. Das ist oft der beste Ansatz, wenn Produktmedien auf Desktop großzügig wirken sollen, ohne das Browsen auf Mobile überladen erscheinen zu lassen.

Wenn Sie die Galerie ausblenden möchten, stellen Sie sicher, dass der Rest der Produktseite den Kunden noch genügend visuellen Kontext bietet, um zu verstehen, was sie kaufen.

Tipp

Eine dichtere Galerie auf Desktop in Kombination mit einem einfacheren Mobile-Layout ist oft eine gute Wahl für Produkte mit mehreren Blickwinkeln, Materialien oder Detailaufnahmen aus der Nähe.

Verhalten von Variantenbildern

Das Verhalten von Variantenbildern steuert, was in der Galerie passiert, wenn ein Kunde eine andere Variante auswählt. Sie können die Galerie unverändert lassen, das Hauptbild an die Auswahl anpassen oder die Galerie auf das ausgewählte Variantenbild beschränken.

Das Aktualisieren des Hauptbilds ist in der Regel die flexibelste Wahl, da es die Auswahl des Kunden widerspiegelt, ohne den Rest der Galerie zu entfernen. Nur die ausgewählte Variante anzuzeigen, kann gut funktionieren, wenn jede Option ihre eigene spezielle Fotografie hat und Sie vermeiden möchten, nicht zusammenhängende Medien zu zeigen.

Hinweis

Dieses Verhalten hängt davon ab, dass dort, wo Kunden ihre Auswahl treffen, ein Varianten-Auswahlfeld verfügbar ist. Ohne dieses Feld werden Varianten-basierte Galerieaktualisierungen nicht ausgeführt.

Zoom-Verhalten

Zoom-Einstellungen steuern, ob Produktbilder der allgemeinen Theme-Zoom-Einstellung folgen, in einem Lightbox geöffnet werden oder ganz ohne Zoom auskommen. So können Sie festlegen, wie genau Kunden die Galerie aus der Nähe betrachten können.

Lightbox-Zoom ist besonders nützlich, wenn feine visuelle Details wichtig sind, etwa Textur, Oberfläche, Muster oder Verarbeitung. Wenn Ihre Bilder stärker atmosphärisch sind oder ohnehin aus größerer Entfernung gezeigt werden, kann Zoom weniger Mehrwert bieten und einfacher gehalten werden.

Videowiedergabe

Video-Steuerelemente legen fest, ob Galerievideos automatisch abgespielt werden, in einer Schleife laufen, stumm starten und Player-Steuerelemente anzeigen. Diese Einstellungen beeinflussen, wie präsent Bewegung im Produktmedien-Erlebnis wirkt.

Autoplay kann kurze Produktdemos ansprechender wirken lassen, besonders wenn Bewegung hilft, das Produkt zu erklären. Die stumme Wiedergabe ist oft die sicherste Wahl, da sie Überraschungen reduziert, und sichtbare Steuerelemente sind hilfreich, wenn Kunden ein längeres Video anhalten, erneut abspielen oder vor- und zurückspulen möchten.

Schleifen eignen sich am besten für kurze Showcase-Videos. Bei längeren Demonstrationen kann eine Schleife repetitiv oder ablenkend wirken.

Achtung

Automatisch abgespielte Videos können die Aufmerksamkeit von Produktdetails und Kaufaktionen ablenken. Verwenden Sie sie nur dann, wenn Bewegung klaren Mehrwert bietet und nicht nur, weil ein Video verfügbar ist.

Nutzungshinweise

1. Halten Sie die Bildausschnitte konsistent. Wählen Sie Seitenverhältnisse, die zu Ihrer tatsächlichen Produktfotografie passen, damit die Galerie im gesamten Katalog bewusst gestaltet wirkt.
2. Lassen Sie das Layout zum Verkaufsstil passen. Geben Sie der Galerie mehr Raum, wenn Bilder die Entscheidung bestimmen, und verwenden Sie ausgewogenere Spalten, wenn Produktdetails gleich wichtig sind.
3. Prüfen Sie beide Viewports. Galerien im Slider-Stil können sich auf Desktop und Mobile unterschiedlich verhalten. Prüfen Sie daher Navigation, Vorschauen und Abstände auf beiden Bildschirmgrößen.
4. Verwenden Sie Medienüberschreibungen mit Bedacht. Wenn Sie unterschiedliche Medien für Desktop und Mobile festlegen, rechnen Sie mit Änderungen bei Zuschnitt, Ladeverhalten und Lesbarkeit, insbesondere auf kleineren Bildschirmen.
5. Verwenden Sie nur-Varianten-Verhalten gezielt. Beschränken Sie die Galerie nur dann auf die ausgewählte Variante, wenn jede Option eine starke, vollständige Medienabdeckung hat.
6. Seien Sie bei Autoplay vorsichtig. Stummes Video mit sichtbaren Steuerelementen ist in der Regel die kundenfreundlichste Einstellung, wenn Sie Bewegung möchten, ohne dass die Seite aufdringlich wirkt.