Akkordeon
Verwenden Sie diesen Block, um längere Informationen in zusammenklappbaren Bereichen zu organisieren, die leichter zu überblicken sind. Er ist eine praktische Wahl für FAQs, Versanddetails, Pflegehinweise, Richtlinien oder andere unterstützende Inhalte, die verfügbar bleiben sollen, ohne die Seite zu dominieren. Einen umfassenderen Überblick über die Inhaltsstruktur von Themes finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken
Sie können Inhalte direkt im Block schreiben oder ihn mit einer vorhandenen Seite oder einem Blogbeitrag verbinden. Siehe den Akkordeon.
Grundeinstellungen
Abschnitt betitelt „Grundeinstellungen“Beginnen Sie mit der Überschrift und dem Inhalt. Die Überschrift ist die anklickbare Beschriftung, die Kundinnen und Kunden zuerst sehen, daher sollte sie kurz und präzise sein, während der Inhaltsbereich am besten für die Antwort, die Erklärung oder unterstützende Details geeignet ist.
Sie können wählen, dass das Akkordeon standardmäßig geöffnet angezeigt wird. Das ist besonders nützlich, wenn ein Element besonders wichtig ist, aber wenn Sie es zu oft verwenden, wirkt der Block weniger kompakt.
Der Block kann auch Inhalte aus einem Blogbeitrag oder einer Seite übernehmen. Das ist nützlich, wenn Sie längere Inhalte an anderer Stelle wiederverwenden möchten, und Sie können optional den Auszug statt des gesamten Inhalts anzeigen, wenn eine kürzere Vorschau ausreicht. Hilfe zu Auszügen finden Sie in Excerpts.
Wenn sowohl eine Seite als auch ein Blogbeitrag zugewiesen sind, hat die Seite Vorrang.
Überschrift und Aktionen
Abschnitt betitelt „Überschrift und Aktionen“Sie können neben der Überschrift ein Inline-Symbol hinzufügen, um dem Akkordeon-Element mehr visuelle Eigenständigkeit zu verleihen oder Themen besser zu unterscheiden. Halten Sie die Symbolauswahl bei verwandten Elementen konsistent, damit der Block absichtlich und nicht dekorativ wirkt. Informationen zur Symbolkonfiguration finden Sie in Icons.
Wenn das Akkordeon mit externen Inhalten verbunden ist, können Sie automatisch einen Link zu diesen Inhalten anzeigen. Sie können außerdem Ihren eigenen Schaltflächentext, Link, Ihr eigenes Symbol und Ihren eigenen Stil hinzufügen, wenn Sie einen bewussteren Call-to-Action wünschen.
Wählen Sie einen Schaltflächenstil, der zur Wichtigkeit der Aktion passt. Auffälligere Stile eignen sich am besten, wenn der Link ein echter nächster Schritt ist, während kleinere oder schlichtere Stile zu sekundären Lesepfaden passen. Schaltflächen in voller Breite auf Mobilgeräten können hilfreich sein, wenn eine einfache Bedienung wichtiger ist als visuelle Zurückhaltung.
Bildeinstellungen
Abschnitt betitelt „Bildeinstellungen“Sie können optional Medien hinzufügen, um das Erscheinungsbild des Akkordeon-Inhalts zu verändern. Medien können oberhalb oder unterhalb des Textes erscheinen, je nachdem, ob sie die Botschaft einleiten oder sie anschließend unterstützen sollen.
Verwenden Sie ein Bild, wenn Sie eine einfache visuelle Aufwertung wünschen, oder verwenden Sie ein Video, wenn Bewegung hilft, den Inhalt besser zu erklären. Wenn Sie einen Link zu einem Videodienst hinzufügen, verwenden Sie die Video-URL statt Einbettungscode.
Ein Vorschaubild ist besonders hilfreich für gehostete Videos, da es dem Block vor dem Start der Wiedergabe ein saubereres erstes Bild gibt. Einstellungen zum Seitenverhältnis helfen Ihnen dabei, zu steuern, wie Medien ins Layout passen, und das separate mobile Seitenverhältnis ist nützlich, wenn ein Zuschnitt, der auf dem Desktop funktioniert, auf kleineren Bildschirmen zu hoch, zu schmal oder zu eng wirkt.
Autoplay und Looping eignen sich in der Regel am besten für kurze, atmosphärische Clips und nicht für wesentliche gesprochene Inhalte. Wenn Kundinnen und Kunden das Video hören oder steuern müssen, sollten die Steuerelemente verfügbar bleiben und der erweiterte Zustand auf kleineren Bildschirmen getestet werden. Weitere Hinweise finden Sie in Using video.
Standard-Block-Einstellungen
Abschnitt betitelt „Standard-Block-Einstellungen“Sichtbarkeitseinstellungen
Abschnitt betitelt „Sichtbarkeitseinstellungen“Verwenden Sie die Sichtbarkeitssteuerungen, um den Block auf allen Geräten anzuzeigen oder auf Desktop oder Mobilgeräten auszublenden. Das ist hilfreich, wenn Sie für kleinere Bildschirme unterschiedliche Akkordeon-Inhalte, Formulierungen oder Medienauswahlen wünschen. Siehe Sichtbarkeitseinstellungen.
Nutzungshinweise
Abschnitt betitelt „Nutzungshinweise“- Halten Sie Überschriften klar. Formulieren Sie Überschriften als konkrete Fragen oder Themen, damit Kundinnen und Kunden schnell das passende Element zum Öffnen auswählen können.
- Verwenden Sie eine Inhaltsquelle. Geben Sie Text direkt ein, wenn Sie kurze, eigene Inhalte benötigen, oder verbinden Sie eine Seite oder einen Blogbeitrag für wiederverwendbare Inhalte, vermeiden Sie aber, sich auf beides gleichzeitig zu stützen.
- Geöffnet sparsam einsetzen. Verwenden Sie die Option „standardmäßig geöffnet“ nur für ein priorisiertes Element, besonders wenn mehrere Akkordeon-Blöcke zusammen angezeigt werden.
- Medien mit Absicht hinzufügen. Wählen Sie Bilder oder Videos nur dann aus, wenn sie das Verständnis verbessern, und prüfen Sie vor der Veröffentlichung das erweiterte Layout sowohl auf Desktop als auch auf Mobilgeräten.
- Aktionen sinnvoll machen. Zeigen Sie eine Schaltfläche oder einen Inhaltslink nur dann an, wenn Kundinnen und Kunden wirklich von einem ausführlicheren Ziel profitieren.
- Fallback-Styling einplanen. Wenn Farben oder andere visuelle Werte auf den Standardwerten bleiben, kann das das umliegende Erscheinungsbild bewahren, während explizite Überschreibungen das Akkordeon unabhängiger vom Rest der Seite wirken lassen.