Zum Inhalt springen

Row

Fügen Sie eine einklappbare Akkordeonzeile mit flexiblen Inhalten, optionalen Medien und klaren Call-to-Action-Links hinzu.

Verwenden Sie den Row-Block, um einem Akkordeon ein einzelnes einklappbares Element hinzuzufügen. Er eignet sich gut für FAQs, Versanddetails, Pflegehinweise, Richtlinienzusammenfassungen oder andere Inhalte, die verfügbar bleiben sollen, ohne zu viel Platz einzunehmen.

Sie können Inhalte direkt im Block eingeben oder aus vorhandenen Inhalten abrufen. Einen weiterführenden Funktionsüberblick finden Sie im Akkordeon-Block-Leitfaden. Einen Shopify-Überblick darüber, wie Blöcke im Theme-Editor funktionieren, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken

Die wichtigsten Einstellungen bestimmen Inhalt und Verhalten der Zeile. Sie können steuern, ob die Zeile standardmäßig geöffnet ist, eine benutzerdefinierte Überschrift hinzufügen, ein optionales Überschriftssymbol einfügen und festlegen, ob der Textkörper manuell verfassten Rich Text oder verknüpften Inhalt verwendet.

Wenn Sie sowohl einen Blogbeitrag als auch eine Seite zuweisen, überschreibt die Seite den Blogbeitrag. Damit ist die Seiteneinstellung eine gute Wahl, wenn Sie einen schnellen Ersatz wünschen, ohne den Rest des Blocks zu ändern.

Bei verknüpftem Inhalt ist die Excerpt-Option hilfreich, wenn Sie statt des vollständigen Inhalts eine kürzere Zusammenfassung wünschen. Das funktioniert am besten, wenn Excerpts bereits klar und konsistent formuliert sind. Hinweise zur Einrichtung verknüpfter Inhalte finden Sie in der Shopify-Dokumentation zu Metafeldern und dynamischen Quellen. Mehr zu Excerpts finden Sie unter Excerpts.

Verwenden Sie das eigene Inhaltsfeld des Blocks, wenn Sie die vollständige Kontrolle über Formulierung und Formatierung benötigen. Verwenden Sie verknüpften Inhalt, wenn die Zeile mit Inhalten synchron bleiben soll, die Sie bereits an anderer Stelle pflegen.

Sie können eine manuelle Schaltfläche hinzufügen oder automatisch einen Link zum verknüpften Inhalt anzeigen lassen. Der automatische Link ist nützlich, wenn die Zeile als Vorschau dient, während Ihnen eine manuelle Schaltfläche mehr Kontrolle über das Ziel und die Handlungsaufforderung gibt.

Wählen Sie einen Schaltflächenstil, der zur Bedeutung der Aktion passt. Schaltflächen mit voller Breite auf Mobilgeräten lassen sich oft leichter antippen, besonders wenn die Zeile längeren Text oder Medien enthält.

Wenn Sie ein Symbol in der Überschrift oder Schaltfläche verwenden, halten Sie es einfach und konsistent. Hilfe zur Symbolformatierung finden Sie unter Icons.

Diese Gruppe ermöglicht es Ihnen, der Zeile optionale visuelle Medien hinzuzufügen. Sie können Bilder oberhalb oder unterhalb des Texts platzieren, je nachdem, ob das visuelle Element das Thema einführen oder den geschriebenen Inhalt anschließend unterstützen soll.

Ein Bild ist in der Regel die beste Wahl für kurze Informationszeilen. Ein Video ist effektiver, wenn der Inhalt eine Demonstration, Bewegung oder eine stärkere visuelle Erklärung benötigt.

Sie können ein gehostetes Video oder eine URL eines unterstützten Videodienstes verwenden. Wenn Sie ein gehostetes Video verwenden, sorgt das Hinzufügen eines Vorschaubilds in der Regel für einen saubereren ersten Eindruck, bevor die Wiedergabe beginnt.

Autoplay kann die Zeile dynamischer wirken lassen, funktioniert aber am besten mit kurzen Videos, die auch ohne Ton sinnvoll sind. Looping eignet sich für Umgebungs- oder Demonstrationsclips, während Player-Steuerelemente besser sind, wenn Besucher das Video anhalten, erneut abspielen oder vor- und zurückspulen möchten.

Hinweise zur Videoeinrichtung finden Sie unter Using video.

Einstellungen für das Seitenverhältnis helfen dabei, Medien über mehrere Zeilen hinweg visuell konsistent zu halten. Verwenden Sie ein gemeinsames Seitenverhältnis, wenn das Akkordeon ordentlich wirken soll, und verwenden Sie das Standardseitenverhältnis, wenn der Erhalt der ursprünglichen Medienform wichtiger ist als Einheitlichkeit.

Das mobile Seitenverhältnis ist nützlich, wenn sich ein Zuschnitt für Desktop nicht gut auf kleinere Bildschirme übertragen lässt. Das ist besonders hilfreich bei Medien im Hochformat oder bei Visuals mit wichtigen Details nahe den Rändern.

Sichtbarkeitseinstellungen steuern, ob dieser Block auf Desktop, Mobilgeräten oder auf beiden angezeigt wird. Das ist besonders nützlich, wenn Sie ein einfacheres mobiles Akkordeon oder je nach Gerät einen anderen inhaltlichen Schwerpunkt wünschen.

Details finden Sie unter Sichtbarkeitseinstellungen.

  1. Schreiben Sie klare Überschriften. Machen Sie jede Zeilenüberschrift so spezifisch, dass Besucher entscheiden können, ob sie den Inhalt ausklappen möchten.
  2. Wählen Sie eine primäre Inhaltsmethode. Verwenden Sie verknüpften Inhalt für Wiederverwendung und zentrale Aktualisierungen oder manuell verfassten Rich Text für eine genauere Kontrolle innerhalb des Blocks.
  3. Setzen Sie Medien gezielt ein. Fügen Sie Bilder oder Videos nur hinzu, wenn sie die Zeile erklären helfen, nicht nur, um das Akkordeon voller wirken zu lassen.
  4. Halten Sie Aktionen fokussiert. Wenn Sie eine Schaltfläche hinzufügen, stellen Sie sicher, dass ihr Ziel über das reine Öffnen des Zeileninhalts hinaus einen Mehrwert bietet.
  5. Prüfen Sie beide Darstellungsbereiche. Überprüfen Sie Desktop und Mobilgeräte getrennt, damit Ausrichtung, Sichtbarkeit und Medienschnitte auf jeder Bildschirmgröße wie erwartet funktionieren.
  6. Bestätigen Sie das Fallback-Styling. Lassen Sie leere oder standardmäßige Werte unverändert, wenn sich die Zeile in das umliegende Akkordeon einfügen soll; verwenden Sie explizite Farben oder Medienauswahlen, wenn der Block eigenständiger hervorstechen soll.