Video

Ausgewählte Links

1. Shopify-Dokumentation zu Abschnitten und Blöcken
2. Company XYZ-Dokumentation zu Videoeinstellungen
3. Company XYZ-Dokumentation zu Header-Einstellungen
4. Company XYZ-Dokumentation zu Abschnitts-Padding-Einstellungen
5. Company XYZ-Dokumentation zu Abschnittshintergrund-Einstellungen
6. Company XYZ-Dokumentation zu Trennlinien-Einstellungen
7. Company XYZ-Dokumentation zu Sichtbarkeitseinstellungen
8. Company XYZ-Dokumentation zu Layout-Breiten-Einstellungen

Hilfreiche Videos

Shopify Academy-Video: Ihren Store anpassen

Shopify Academy-Video: Ihren Store anpassen

Verwenden Sie diesen Abschnitt, um ein einzelnes Video mit flexibler Wiedergabe, Größe und unterstützendem Text hervorzuheben. Er eignet sich besonders gut für Produktdemonstrationen, Tutorials, Kampagnen-Storytelling und andere Momente, in denen das Video die Seite anführen soll. Einen breiteren Überblick darüber, wie Abschnitte im Theme-Editor strukturiert sind, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken

Videoeinstellungen

Diese Gruppe steuert Ihre Videoquelle und wie sich der Medienrahmen auf der Seite verhält. Sie können je nach bevorzugter Verwaltung von Qualität und Auslieferung ein gehostetes Video oder einen Vimeo- oder YouTube-Link verwenden. Weitere Hinweise finden Sie in der Referenz zu den Videoeinstellungen.

Ein Vorschaubild ist besonders bei gehosteten Videos nützlich, da es Besucherinnen und Besuchern vor dem Start der Wiedergabe eine ausgefeilte Vorschau bietet. Es kann auch einen stärkeren ersten Eindruck erzeugen, als sich auf ein zufälliges erstes Bild zu verlassen.

Einstellungen für das Seitenverhältnis helfen Ihnen zu entscheiden, ob das Video seine natürlichen Proportionen beibehalten oder in eine stärker kontrollierte Layoutform passen soll. Verwenden Sie ein festes Verhältnis, wenn Sie über die Seite hinweg konsistente Abstände wünschen, und das Standardverhältnis, wenn der ursprüngliche Bildausschnitt am wichtigsten ist. Auf Mobilgeräten kann dem Desktop-Verhältnis gefolgt werden oder eine eigene Einstellung verwendet werden, wenn das Video auf kleineren Bildschirmen einen anderen Zuschnitt benötigt.

Die maximale Videobreite ist hilfreich, wenn der Abschnitt redaktioneller und weniger randbündig wirken soll. Ein Video in voller Breite erzeugt mehr Wirkung, während ein schmalerer Rahmen zusammen mit Beschriftungen oder Header-Inhalten verfeinert wirken kann.

Autoplay startet das Video, sobald es in den Sichtbereich scrollt, und pausiert es, nachdem Besucherinnen und Besucher daran vorbeigegangen sind. Die Schleifenwiedergabe eignet sich am besten für kurze, wiederholbare Clips, während Player-Steuerelemente bei längeren oder informativeren Videos nützlicher sind.

Wenn Sie Autoplay aktivieren, halten Sie das Video stumm und stellen Sie sicher, dass der Abschnitt auch ohne Ton sinnvoll ist.

Beschriftungseinstellungen

Verwenden Sie den Beschriftungsbereich, um oberhalb oder unterhalb des Videos eine kurze Notiz zu platzieren. Das eignet sich gut für Credits, Produktkontext, eine kurze Erkenntnis oder ein kleines unterstützendes Detail, das in der Nähe des Mediums bleiben soll.

Halten Sie Beschriftungen knapp, damit der Abschnitt weiterhin klar auf das Video ausgerichtet bleibt. Einstellungen für Ausrichtung, Position und Größe helfen dabei, dass die Beschriftung integriert mit dem restlichen Layout wirkt, statt mit dem Video zu konkurrieren.

Overlay-Einstellungen

Overlay-Einstellungen fügen dem Video eine Farbe oder einen Farbverlauf hinzu. Sie sind nützlich, wenn Sie eine stärkere Stimmung, besseren Kontrast oder eine einheitlichere visuelle Behandlung über verschiedene Aufnahmen hinweg wünschen.

Verwenden Sie die Deckkraft mit Bedacht. Ein leichtes Overlay kann die Lesbarkeit und den Feinschliff verbessern, während ein starkes Overlay Details verdecken und das Video flach wirken lassen kann.

Die Overlay-Darstellung steuert, wann das Overlay erscheint. Wenn es nur bei pausierter Wiedergabe angezeigt wird, bleibt die Wiedergabe offener; wenn es immer angezeigt wird, erhält der Abschnitt einen stärker stilisierten Look.

Achtung

Wenn Sie Immer anzeigen wählen, werden die Steuerelemente des Video-Players in diesem Abschnitt deaktiviert, auch wenn Steuerelemente andernorts aktiviert sind.

Ausrichtungseinstellungen

Diese Einstellungen steuern, wie der Inhalt des Abschnitts auf Desktop und Mobilgeräten ausgerichtet wird. Sie sind besonders wichtig, wenn Sie zusammen mit dem Video eine Überschrift, eine Beschriftung oder eine Schaltfläche verwenden.

Eine übereinstimmende Ausrichtung über verschiedene Bildschirmgrößen hinweg sorgt meist für die klarste Präsentation. Wenn Ihr mobiles Layout beengt wirkt, kann eine separate Anpassung der mobilen Ausrichtung den Abschnitt leichter erfassbar machen.

Farbeinstellungen

Diese Farbsteuerungen überschreiben die Standardfarben für den Text, die Symbole und die Ränder dieses Abschnitts. Verwenden Sie sie, wenn Video, Overlay oder Hintergrund Ihre üblichen Farben zu kontrastarm erscheinen lassen.

Wenden Sie Überschreibungen gezielt an, damit der Abschnitt weiterhin konsistent mit dem Rest der Website wirkt. In den meisten Fällen ist das wichtigste Ziel, den Text vor dem Medium gut lesbar zu halten.

Standard-Abschnittseinstellungen

Header-Einstellungen

Verwenden Sie die gemeinsamen Header-Einstellungen, um einleitende Inhalte oberhalb des Videos hinzuzufügen. Eine Überschrift, ein kurzer unterstützender Text und eine optionale Schaltfläche können erklären, warum das Video wichtig ist, und Besucherinnen und Besucher zu einem nächsten Schritt führen.

Halten Sie den Header-Inhalt kurz, damit er das Video unterstützt, statt es zu überladen. Wenn Sie eine Schaltfläche hinzufügen, verwenden Sie eine klare Aktion.

Padding-Einstellungen

Verwenden Sie die gemeinsamen Padding-Einstellungen, um den Abstand ober- und unterhalb des Abschnitts zu steuern. Mehr Padding hilft dabei, dass das Video wie ein eigenständiges Element wirkt, während engere Abstände es stärker mit den Inhalten in der Nähe verbinden.

Prüfen Sie die Abstände auf Mobilgeräten ebenso wie auf dem Desktop. Ein Videoabschnitt, der auf einem großen Bildschirm ausgewogen wirkt, kann auf kleineren Geräten zu groß erscheinen.

Abschnittshintergrund-Einstellungen

Verwenden Sie die gemeinsamen Abschnittshintergrund-Einstellungen, um dem Abschnitt eine Farbe, einen Farbverlauf, ein Bild oder ein Hintergrundvideo hinzuzufügen. Das ist besonders nützlich, wenn der umliegende Bereich immersiver oder markenbezogener wirken soll.

Seien Sie vorsichtig, wenn Sie einen starken Hintergrund mit einem Video-Overlay und benutzerdefinierten Textfarben kombinieren. Zu viele Ebeneneffekte können die Klarheit verringern und den Abschnitt schwer wirken lassen.

Trennlinien-Einstellungen

Verwenden Sie die gemeinsamen Trennlinien-Einstellungen, um oberhalb oder unterhalb des Abschnitts eine Linie zu platzieren. Trennlinien können dabei helfen, das Video als eigenen Inhaltsblock zu definieren, ohne große Änderungen an den Abständen vornehmen zu müssen.

Eine dezente Trennlinie eignet sich gut für lange Seiten im redaktionellen Stil. Wenn der Abschnitt bereits einen starken visuellen Kontrast hat, wirkt oft keine Trennlinie sauberer.

Sichtbarkeitseinstellungen

Verwenden Sie die gemeinsamen Sichtbarkeitseinstellungen, um diesen Abschnitt je nach Gerätegröße ein- oder auszublenden. Das ist nützlich, wenn die gleiche Videodarstellung auf Desktop und Mobilgeräten nicht gleichermaßen gut funktioniert.

Wenn Sie den Abschnitt an einem Haltepunkt ausblenden, stellen Sie sicher, dass die Seite dort weiterhin dieselbe Botschaft klar vermittelt.

Breiten-Einstellungen

Verwenden Sie die gemeinsamen Breiten-Einstellungen, um die Gesamtbreite des Abschnitts und die Breite des Inhalts darin zu steuern. So können Sie entscheiden, ob das Video eng gerahmt, angenehm eingefasst oder großzügiger wirken soll.

Die Inhaltsbreite ist normalerweise die wichtigste Einstellung, die Sie zuerst anpassen sollten. Da sich die Vorschaurahmung darauf auswirken kann, wie Breitenänderungen erscheinen, lohnt es sich, das Ergebnis vor dem Abschließen auf der Live-Seite zu prüfen.

Nutzungshinweise

1. Wählen Sie die richtige Quelle. Verwenden Sie ein gehostetes Video, wenn Sie direkte Kontrolle über die Datei wünschen, und verwenden Sie eine Video-URL, wenn externes Hosting besser zu Ihrem Workflow passt.
2. Passen Sie das Layout an das Material an. Wählen Sie ein Seitenverhältnis und eine Breite, die die Bildkomposition des Videos unterstützen, statt es in eine unpassende Darstellung zu zwingen.
3. Halten Sie die Erwartungen an die Wiedergabe klar. Reservieren Sie Autoplay und Schleifenwiedergabe für kurze Clips, die auch ohne Ton noch gut verständlich sind.
4. Prüfen Sie Mobilgeräte separat. Überprüfen Sie Desktop- und mobile Einstellungen gemeinsam, da Ausrichtung, Sichtbarkeit und Medienauswahl den Zuschnitt, die Abstände und die Lesbarkeit des Abschnitts verändern können.
5. Setzen Sie Überschreibungen mit Absicht ein. Leere oder standardartige Farben bewahren meist den umliegenden Look, während explizite Farben, Verläufe oder Medienauswahlen den Video-Bereich eigenständiger wirken lassen.
6. Fügen Sie Blöcke überlegt hinzu. Wenn Sie den Abschnitt mit Blöcken ausbauen, prüfen Sie die gesamte Komposition erneut, da blockgesteuerter Inhalt einfachere Inhalte auf Abschnittsebene ersetzen oder erweitern kann.