Sichtbarkeitseinstellungen

Ausgewählte Links

1. Shopify-Dokumentation zu Abschnitten und Blöcken
2. Company XYZ-Dokumentation zu Sichtbarkeitseinstellungen
3. Shopify-Dokumentation zum Anpassen von Abschnitten
4. Shopify-Dokumentation zur Übersicht der Theme-Editor-Funktionen

Hilfreiche Videos

Shopify Academy-Video: Ihren Store anpassen

Shopify Academy-Video: Ihren Store anpassen

Mit diesen Einstellungen legen Sie fest, ob ein Abschnitt auf Desktop, Mobilgeräten oder beiden angezeigt wird. Sie sind besonders nützlich, wenn Sie ein einfacheres Mobile-Layout, eine gerätespezifische Desktop-Darstellung oder separate Versionen desselben Inhalts für unterschiedliche Bildschirmgrößen wünschen. Informationen dazu, wie Abschnitte im Theme-Editor funktionieren, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken

Sichtbarkeit

Mit der Sichtbarkeitssteuerung können Sie einen Abschnitt überall sichtbar lassen oder auf Desktop oder Mobilgeräten ausblenden. So können Sie Seitenlayouts gezielt für Geräte anpassen, ohne den Inhalt aus Ihrer Theme-Konfiguration zu entfernen.

Ein häufiger Anwendungsfall ist das Erstellen alternativer Desktop- und Mobilversionen desselben Inhalts. Beispielsweise können Sie auf größeren Bildschirmen ein detaillierteres Layout und auf kleineren Bildschirmen eine kürzere, leichter erfassbare Version verwenden. Weitere Details finden Sie in der Quellreferenz zu diesem Einstellungskonzept: Company XYZ-Dokumentation zu Sichtbarkeitseinstellungen.

Wenn Sie einen Abschnitt auf einem Gerät ausblenden, wird nicht automatisch eine zweite Version erstellt. Wenn Sie unterschiedliche Inhalte für Desktop und Mobilgeräte wünschen, fügen Sie separate Versionen hinzu und legen Sie fest, dass jede nur dort angezeigt wird, wo sie benötigt wird.

Diese Einstellung ist besonders hilfreich, wenn Sie:

1. Visuelle Überladung auf kleineren Bildschirmen reduzieren möchten.
2. Ein Mobil-Layout nur für Werbe- oder Informationsinhalte anzeigen möchten.
3. Eine komplexere Anordnung für Desktop-Besucher beibehalten möchten.
4. Unterschiedliche Inhaltsdarstellungen nach Gerätetyp testen möchten.

Nutzungshinweise

1. Alternative Versionen sorgfältig abstimmen. Wenn Sie separate Desktop- und Mobilversionen erstellen, sollten Sie Botschaft und Zweck aufeinander abstimmen, damit das Erlebnis konsistent bleibt. Wenn Sie Hilfe bei abschnittsbasierten Layouts benötigen, lesen Sie die Shopify-Dokumentation zum Anpassen von Abschnitten
2. Wichtige Inhalte schützen. Wenn Sie einen Abschnitt auf einem Gerät ausblenden, stellen Sie sicher, dass die wichtigste Botschaft oder Aktion für diese Besucher weiterhin an anderer Stelle sichtbar ist.
3. Für kleinere Bildschirme vereinfachen. Verwenden Sie gerätespezifische Sichtbarkeit, wenn ein kürzeres oder klareres Layout Kundinnen und Kunden hilft, Inhalte leichter zu erfassen und zu handeln.
4. Beide Geräteansichten prüfen. Desktop- und Mobile-Steuerelemente können sich auf Layout, Ausrichtung, Sichtbarkeit und Medienverhalten unterschiedlich auswirken. Prüfen Sie daher beide Ansichten nach Änderungen in der Vorschau. Die Shopify-Dokumentation zu den Funktionen des Theme-Editors kann Ihnen helfen, sich bei Vorschau- und Bearbeitungsoptionen zu orientieren.
5. Fallback-Styling berücksichtigen. Wenn Sie eine Einstellung leer lassen oder auf dem Standardwert belassen, bleibt in der Regel das Fallback-Styling des Themes erhalten. Wenn Sie jedoch eine explizite Farbe, einen Verlauf oder ein Medien-Override wählen, verhält sich dieser Bereich unabhängiger.
6. Medienauswahl auf beiden Geräten prüfen. Wenn Sie getrennte Medien für Desktop und Mobilgeräte festlegen, prüfen Sie Zuschnitt, Laden, Fallback und Lesbarkeit, damit der Abschnitt auf jeder Bildschirmgröße klar wirkt.