Zum Inhalt springen

Dynamische Inhaltseinstellungen für Akkordeons

Richten Sie ein Akkordeon so ein, dass Blogbeiträge automatisch angezeigt werden, und wählen Sie aus, wie viel Inhalt in jedem Item erscheint.

Verwenden Sie diese Einstellungsgruppe, um ein Akkordeon automatisch mit Blog-Inhalten zu füllen, anstatt jedes Item manuell zu pflegen. Damit steuern Sie, welche Beiträge angezeigt werden, wie viele sichtbar sind und ob jedes Item eher als schnelle Vorschau oder als vollständiges Inhalts-Panel dient. Für den Kontext der Einrichtung siehe Shopify-Dokumentation zum Theme-Editor

Sie können das Akkordeon mit einem Blog verbinden, sodass die Items aus dessen Beiträgen generiert werden. Das ist nützlich für FAQs, Anleitungen, Aktualisierungen oder andere wiederkehrende Inhalte, die aktuell bleiben sollen, wenn neue Beiträge hinzugefügt werden. Einen umfassenderen Überblick darüber, wie Theme-Inhalte organisiert sind, finden Sie unter Shopify-Dokumentation zu Abschnitten und Blöcken

Wenn Ihr Blog mehrere Themen abdeckt, verwenden Sie den Tag-Filter, um die Ergebnisse auf ein Thema einzugrenzen. So bleibt das Akkordeon fokussiert und es werden keine themenfremden Inhalte in derselben Liste vermischt.

Der Tag-Filter funktioniert nur, wenn ein Blog ausgewählt ist. Wenn kein Blog gewählt ist, gibt der Filter keine Inhalte zurück.

Die Einstellung für die Item-Anzahl steuert, wie viele passende Beiträge angezeigt werden. Der Wert 0 zeigt alle passenden Items an, bis zu 50; eine kürzere Liste ist in einem Akkordeon jedoch meist leichter zu überblicken.

Sie können für jedes generierte Item Auszüge statt des vollständigen Inhalts anzeigen. Dadurch entsteht in der Regel ein saubereres Akkordeon, besonders wenn mehrere Items auf derselben Seite aufgeklappt werden können.

Auszüge funktionieren am besten, wenn der Quellinhalt mit kurzen Zusammenfassungen im Blick geschrieben wurde. Wenn die Qualität der Auszüge variiert, können die Längen der Items uneinheitlich wirken.

Sie können für jedes generierte Item einen Link zum ursprünglichen Beitrag hinzufügen. Das passt gut, wenn das Akkordeon den Inhalt nur einführen soll, ohne die eigenständige Artikelseite zu ersetzen.

Links sind besonders hilfreich, wenn Auszüge aktiviert sind, da sie Besuchern einen klaren nächsten Schritt bieten, um weiterzulesen.

  1. Wählen Sie eine fokussierte Quelle. Wählen Sie einen Blog, der zu einem klaren Zweck passt, damit das Akkordeon kuratiert statt gemischt wirkt.
  2. Verwenden Sie Tags, um breitere Inhalte zu verfeinern. Fügen Sie ein Tag hinzu, wenn ein Blog mehrere Kategorien enthält und das Akkordeon nur eine davon anzeigen soll.
  3. Begrenzen Sie die Liste mit Bedacht. Beginnen Sie mit einer kleinen Anzahl von Items, damit sich das Akkordeon leicht durchsuchen lässt, und erhöhen Sie sie nur, wenn eine längere Liste einen klaren Mehrwert bietet.
  4. Verwenden Sie Auszüge für kompakte Layouts. Aktivieren Sie Auszüge, wenn der Platz begrenzt ist oder Besucher eher überfliegen als vor Ort lesen.
  5. Zeigen Sie Links an, wenn Items Vorschauen sind. Aktivieren Sie Links zum vollständigen Inhalt, wenn das Akkordeon Beiträge zusammenfassen soll, statt alles Wichtige zu enthalten.
  6. Prüfen Sie beide Viewports. Die Desktop- und Mobile-Einstellungen können Ausrichtung, Sichtbarkeit und Medienverhalten ändern. Prüfen Sie das Akkordeon daher vor der Veröffentlichung auf beiden Bildschirmgrößen.
  7. Halten Sie Medien lesbar. Wenn Sie unterschiedliche Medien für Desktop und Mobile verwenden, vergleichen Sie Zuschnitt und Fallback-Verhalten, damit Text und Bild weiterhin zusammen funktionieren.
  8. Prüfen Sie das Sticky-Verhalten im Kontext. Wenn das Akkordeon beim Scrollen sichtbar bleibt, stellen Sie sicher, dass es weiterhin zum umliegenden Layout passt und auf kleineren Bildschirmen benachbarte Inhalte nicht verdrängt.