Zum Inhalt springen

Diashow-Folie

Erstellen Sie eine Diashow-Folie mit Text, optionalen Icons sowie Bild- oder Videomedien.

Verwenden Sie diesen Block, um eine einzelne Folie mit eigener Botschaft, visuellem Stil und Medien hinzuzufügen. Er eignet sich gut für Funktions-Highlights, Promotion-Storytelling und Hero-Slideshows, bei denen jede Folie eigenständige Inhalte benötigt. Weitere Informationen dazu, wie Blöcke in Themes eingebunden werden, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken

Beginnen Sie mit dem Textinhalt der Folie: Icon, Überschrift und Fließtext. Eine kurze Überschrift funktioniert in der Regel am besten, während der Inhaltsbereich unterstützende Details, Funktionskontext oder eine kurze Werbebotschaft übernimmt.

Das Icon-Feld kann entweder ein Emoji oder einen Icon-Namen anzeigen. Verwenden Sie es, wenn Sie am Anfang der Folie einen schnellen visuellen Hinweis wünschen, oder lassen Sie es leer, um die Darstellung klarer zu halten. Wenn Sie Hilfe bei der Auswahl von Icon-Namen benötigen, lesen Sie den bereitgestellten Icon-Leitfaden.

Diese Gruppe steuert die visuellen Medien der Folie. Fügen Sie ein Bild für eine statische Darstellung hinzu oder verwenden Sie Video, wenn Bewegung beim Erklären einer Funktion hilft oder eine stärkere visuelle Wirkung erzeugt.

Wenn sowohl Bild als auch Video hinzugefügt werden, hat das Video Vorrang und wird automatisch abgespielt, sobald die Folie aktiv wird. Kurze, leichte Clips funktionieren in der Regel besser als längere Videos, besonders wenn die Folie Teil einer schnell wechselnden Sequenz ist. Praktische Hinweise zur Einrichtung finden Sie im bereitgestellten Videoleitfaden.

Die Farbe und Deckkraft des inaktiven Overlays beeinflussen, wie die Folie aussieht, wenn sie nicht die aktive Folie ist. Erhöhen Sie das Overlay, wenn Medien im Hintergrund zu hell oder ablenkend wirken, und reduzieren Sie es, wenn mehr vom Bild oder Video sichtbar bleiben soll.

Wenn Ihr Bild nicht angezeigt wird, prüfen Sie, ob auch ein Video hinzugefügt wurde, da Video auf diesem Block Bild überschreibt.

Mit Sichtbarkeitssteuerungen können Sie diesen Block auf Desktop oder Mobilgeräten ausblenden. Das ist nützlich, wenn Sie unterschiedliche Textlängen, alternative Medienzuschnitte oder einfachere Folieninhalte für kleinere Bildschirme benötigen. Informationen zum entsprechenden Verhalten im Editor finden Sie in der Shopify-Dokumentation zum Anpassen von Abschnitten

Wenn Sie separate mobile und Desktop-Versionen erstellen, halten Sie die Botschaft konsistent, damit Kundinnen und Kunden auf verschiedenen Geräten keine widersprüchlichen Folieninhalte sehen. Sie können außerdem die bereitgestellte Referenz zu Sichtbarkeitseinstellungen überprüfen.

  1. Halten Sie den Text kurz. Kurze Überschriften und knapper Begleittext lassen sich in einer Diashow leichter erfassen.
  2. Wählen Sie Medien bewusst aus. Verwenden Sie Video nur, wenn Bewegung einen klaren Mehrwert bietet, und bevorzugen Sie Bilder, wenn Sie eine leichtere, einfachere Folie wünschen.
  3. Passen Sie inaktive Overlays sorgfältig an. Stellen Sie Farbe und Deckkraft des Overlays so ein, dass nicht aktive Folien sichtbar bleiben, ohne mit der aktiven zu konkurrieren.
  4. Planen Sie für Geräteunterschiede. Prüfen Sie sowohl Desktop- als auch mobile Versionen, da sich Steuerungen, Ausrichtung, Sichtbarkeit und Medienverhalten je nach Viewport unterscheiden können.
  5. Verwenden Sie nach Möglichkeit Fallback-Styling. Leere oder standardmäßige Werte bewahren in der Regel das umgebende Design, während explizite Farben, Verläufe oder Medienüberschreibungen die Folie eigenständiger wirken lassen.
  6. Überprüfen Sie das Verhalten aktiver Medien. Wenn Sie separate Medien für Desktop und Mobilgeräte konfigurieren, bestätigen Sie Zuschnitt, Laden und Lesbarkeit in beiden Layouts vor der Veröffentlichung.