Kontosymbol

Ausgewählte Links

1. Shopify-Dokumentation zu Abschnitten und Blöcken
2. Shopify-Dokumentation zum Theme-Editor
3. Company XYZ-Dokumentation zu Einstellungen für das Navigationslayout
4. Company XYZ-Dokumentation zu Sichtbarkeitseinstellungen

Hilfreiche Videos

Shopify Academy-Video: Ihren Store anpassen

Shopify Academy-Video: Ihren Store anpassen

Der Block Kontosymbol fügt Ihrem Header oder Navigationsbereich eine Verknüpfung zum Kundenkonto hinzu. Verwenden Sie ihn, um Kundinnen und Kunden einen klaren Weg zur Anmeldung oder zum Öffnen ihres Kontos zu bieten, und passen Sie dann die Platzierung separat für Desktop und Mobile an. Einen umfassenderen Überblick darüber, wie Blöcke in Theme-Abschnitte eingebunden werden, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken

Ausrichtungseinstellungen

Verwenden Sie diese Einstellungen, um zu steuern, wie das Symbol innerhalb des dem Block zugewiesenen Bereichs sitzt. Sie sind vor allem dann relevant, wenn der Block auf Verfügbaren Platz ausfüllen eingestellt ist oder in einer Zeile mit voller Breite platziert wird.

Wenn der Block in einer eng gruppierten Zeile mit wenig zusätzlichem Platz sitzt, können sich Änderungen an der Ausrichtung nur geringfügig bemerkbar machen. Legen Sie die Ausrichtung für Desktop und Mobile unabhängig fest, wenn sich Ihr Header-Layout zwischen den Bildschirmgrößen ändert.

Hinweis

Die Ausrichtungseinstellungen sind dem Layout des Blocks nachgeordnet. Wenn der Block keinen zusätzlichen Zeilenplatz nutzt, kann sich eine Änderung der Ausrichtung nur wenig sichtbar auswirken.

Layout-Einstellungen

Diese Einstellungen bestimmen, wo der Block im Navigations-Layout erscheint. Sie können ihn zusammen mit anderen Elementen links, mittig oder rechts platzieren oder ihn in eine Zeile mit voller Breite unter die Hauptzeile verschieben.

Verwenden Sie volle Breite, wenn die Konto-Verknüpfung für sich stehen soll, insbesondere in einem gestapelten Mobile-Header. Auf dem Desktop kann Verfügbaren Platz ausfüllen den Block über die verbleibende Zeilenbreite strecken, wodurch die Ausrichtungssteuerung nützlicher wird. Wenn Sie eine Auffrischung zur Arbeit im Theme-Editor benötigen, sehen Sie sich die Shopify-Dokumentation zum Theme-Editor an.

Die Platzierung in voller Breite ändert die Header-Struktur, indem der Block in eine eigene Zeile verschoben wird. Prüfen Sie nach dem Aktivieren sowohl das Desktop- als auch das Mobile-Layout.

Weitere Informationen zum Verhalten bei der Zeilenplatzierung finden Sie in den Einstellungen für das Navigations-Layout.

Standard-Block-Einstellungen

Sichtbarkeitseinstellungen

Verwenden Sie die Sichtbarkeitssteuerung, um den Block je nach Gerätegröße ein- oder auszublenden. Das ist nützlich, wenn Sie die Konto-Verknüpfung auf dem Desktop an einer Position und auf dem Mobile an einer anderen Position haben möchten.

Anstatt eine Platzierung überall funktionieren zu lassen, können Sie diesen Block auf einer Gerätegröße ausblenden und den Kontozugriff an anderer Stelle im Header anzeigen. Allgemeine Hinweise finden Sie unter Sichtbarkeitseinstellungen.

Nutzungshinweise

1. Platzieren Sie ihn in der Nähe von Utility-Aktionen. Das Kontosymbol funktioniert in der Regel am besten zusammen mit anderen Header-Tools wie Suche, Warenkorb oder Menüsteuerung.
   1. Halten Sie die Verknüpfung gut sichtbar, damit Kundinnen und Kunden Anmelde- oder Kontoseiten erreichen können, ohne durch die Hauptnavigation zu suchen.
   2. Wenn Sie es von anderen Utility-Aktionen weg verschieben, stellen Sie sicher, dass die neue Platzierung weiterhin gewollt wirkt.
2. Prüfen Sie beide Bildschirmgrößen. Desktop- und Mobile-Layout-Einstellungen sind getrennt, daher sollten Sie nach jeder Änderung der Platzierung immer beide Vorschauen prüfen.
   1. Eine Platzierung, die auf dem Desktop ausgewogen wirkt, kann in einem kompakten Mobile-Header ganz anders aussehen.
   2. Prüfen Sie gleichzeitig die Sichtbarkeitseinstellungen, wenn Sie je nach Gerätegröße unterschiedliche Zugänge zum Kundenkonto verwenden.
3. Verwenden Sie volle Breite mit Absicht. Eine eigene Zeile kann die Klarheit verbessern, aber sie kann auch dazu führen, dass der Header höher oder fragmentierter wirkt.
4. Kombinieren Sie Layout und Sichtbarkeit mit Bedacht. Wenn sich Ihr Mobile-Header anders verhält als der Desktop, blenden Sie den Block auf einem Gerät aus und verwenden Sie dort eine besser passende Möglichkeit für den Kontozugriff.
5. Nutzen Sie zusätzlichen Platz nur, wenn er hilft. Verfügbaren Platz ausfüllen ist am effektivsten, wenn Sie eine sauberere Ausrichtung oder eine bessere Zeilenbalance benötigen, nicht einfach mehr Breite.
   1. Wenn der Block über die Zeile gestreckt wird, lassen sich kleine Änderungen an der Ausrichtung leichter erkennen.
   2. Wenn der Header bereits kompakt ist, kann eine Beibehaltung der natürlichen Breite des Blocks ein klareres Layout bewahren.