Kommentare

Ausgewählte Links

1. Company XYZ-Dokumentation zum Kommentarabschnitt
2. Shopify-Dokumentation zu Abschnitten und Blöcken
3. Company XYZ-Dokumentation zu Einstellungen für den Abschnitts-Innenabstand
4. Company XYZ-Dokumentation zu Abschnittshintergrund-Einstellungen
5. Company XYZ-Dokumentation zu Trennlinien-Einstellungen
6. Company XYZ-Dokumentation zu Sichtbarkeitseinstellungen
7. Company XYZ-Dokumentation zu Breiten-Einstellungen für das Layout

Hilfreiche Videos

Video der Shopify Academy: Ihren Shop anpassen

Video der Shopify Academy: Ihren Shop anpassen

Verwenden Sie diesen Abschnitt, um Kommentare unter einem Artikel anzuzeigen und den Diskussionsbereich so zu gestalten, dass er zum Rest der Seite passt. Er eignet sich am besten, wenn Kommentare für den Blog bereits aktiviert sind; die Einrichtungsschritte sind in der Kommentare-Referenz Ihres Themes enthalten. Einen umfassenderen Überblick darüber, wie Abschnittsinhalte im Theme-Editor organisiert sind, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken

Grundeinstellungen

Die wichtigsten abschnittsspezifischen Einstellungen steuern die Kommentar-Aktionsschaltfläche. Wählen Sie einen Stil, der dazu passt, wie stark Sie die Formularaktion wirken lassen möchten, von dezenteren, schlichten Darstellungen bis hin zu stärkeren primären oder sekundären Stilen.

Auf Mobilgeräten kann die Option für eine Schaltfläche in voller Breite das Antippen des Formulars erleichtern und sie am Ende eines langen Artikels leichter auffindbar machen. Das ist besonders hilfreich, wenn der Kommentarebereich eine schmalere Inhaltsbreite verwendet oder wenn an anderer Stelle auf der Seite kleinere Schaltflächenstile verwendet werden.

Wenn Kommentare für den Blog nicht aktiviert sind, erstellt dieser Abschnitt für sich allein keinen aktiven Kommentarebereich.

Standard-Abschnittseinstellungen

Padding-Einstellungen

Padding-Einstellungen steuern den Abstand oberhalb und unterhalb des Kommentarebereichs. Erhöhen Sie den Abstand, wenn Kommentare sich klarer vom Artikeltext absetzen sollen, und verringern Sie ihn, wenn Trennlinien oder Hintergrundgestaltung bereits ausreichend Abgrenzung schaffen.

Abschnittshintergrund-Einstellungen

Abschnittshintergrund-Einstellungen ermöglichen es Ihnen, Kommentare auf einem Hintergrund aus Farbe, Verlauf, Bild oder Video zu platzieren. Das kann helfen, die Diskussion vom Artikelinhalt zu trennen, in der Regel ist es jedoch am besten, die Darstellung dezent zu halten, damit längere Kommentarverläufe gut lesbar bleiben.

Leere oder transparente Werte behalten in der Regel das Fallback-Styling des Themes bei, während explizite Farben, Verläufe und Medieneinstellungen den Kommentarebereich eigenständiger wirken lassen. Wenn Sie Hintergrundbilder oder ein Video verwenden, prüfen Sie sowohl Desktop als auch Mobilgeräte, da separate Medienauswahlen Zuschnitt, Ladeverhalten und Lesbarkeit verändern können.

Verlaufseinstellungen überschreiben Volltonfarbeinstellungen, und Overlay-Verläufe überschreiben Overlay-Farben. Wenn Sie Hintergrundbilder oder ein Video verwenden, prüfen Sie sowohl Desktop als auch Mobilgeräte, da Mobilgeräte das Hauptmedium übernehmen können, sofern Sie keine separate Mobilversion zuweisen.

Achtung

Starke oder unruhige Hintergründe können das Lesen von Kommentartext, Namen und Formularfeldern erschweren. Verwenden Sie Overlays und Kontraste mit Bedacht.

Trennlinien-Einstellungen

Trennlinien-Einstellungen fügen oben oder unten am Abschnitt eine Linie hinzu. Sie sind eine einfache Möglichkeit, den Kommentarebereich vom Artikel zu trennen, ohne mehr Padding oder eine vollständige Hintergrunddarstellung hinzuzufügen.

Wenn Sie die Farbe der Trennlinie transparent lassen, verwendet der Abschnitt die Rahmenfarbe des Themes. Das ist oft der einfachste Weg, die Trennlinie konsistent mit dem Rest der Seite zu halten.

Sichtbarkeitseinstellungen

Sichtbarkeitseinstellungen steuern, ob der Abschnitt auf Desktop, Mobilgeräten oder auf beiden angezeigt wird. Das ist nützlich, wenn Sie ein einfacheres mobiles Artikel-Layout oder eine andere Seitenstruktur für verschiedene Geräte wünschen.

Blenden Sie den Abschnitt sorgfältig aus, da das Entfernen von Kommentaren auf einem Gerät das Artikelerlebnis uneinheitlich wirken lassen kann. Wenn Sie eine gerätespezifische Sichtbarkeit wählen, sehen Sie sich die vollständige Artikelseite auf beiden Bildschirmgrößen in der Vorschau an.

Breiten-Einstellungen

Breiten-Einstellungen steuern sowohl die maximale Breite des Kommentarinhalts als auch die Breite des Abschnitts-Wrapper. Bei seiten mit vielen Diskussionen ist eine moderate Inhaltsbreite in der Regel leichter zu lesen als ein sehr breites Layout.

Die Abschnittsbreite ist besonders wichtig, wenn Sie einen Hintergrund verwenden, da sie beeinflusst, wie weit sich dieser Hintergrund um den Kommentarebereich herum erstreckt. Im Editor können Breitenänderungen anders aussehen als auf der Live-Seite, daher lohnt es sich, das Endergebnis im Storefront in der Vorschau zu prüfen.

Nutzungshinweise

1. Kommentare zuerst aktivieren. Bestätigen Sie, dass der Blog Kommentare zulässt, bevor Sie Zeit in die Gestaltung dieses Abschnitts investieren.
2. Beide Geräte-Layouts prüfen. Desktop- und Mobilsteuerungen können unterschiedliche Ausrichtung, Sichtbarkeit und Medienverhalten erzeugen. Prüfen Sie daher den Kommentarebereich auf beiden Bildschirmgrößen.
3. Mobile Aktionen leicht antippbar machen. Verwenden Sie die Schaltfläche in voller Breite auf Mobilgeräten, wenn sich das Formular beengt anfühlt oder auf kleineren Bildschirmen leicht übersehen wird.
4. Lesbarkeit schützen. Halten Sie Hintergründe, Overlays und Trennlinien so dezent, dass lange Kommentarverläufe weiterhin gut überblickbar bleiben.
5. Breite für mehr Komfort nutzen. Eine moderate Inhaltsbreite verbessert in der Regel die Lesbarkeit von Antworten und längeren Kommentaren.
6. Den vollständigen Artikelablauf in der Vorschau prüfen. Nachdem Sie Abstände, Sichtbarkeit oder Hintergründe geändert haben, prüfen Sie, wie natürlich der Kommentarebereich mit dem darüberliegenden Artikel verbunden ist.