Konto

Ausgewählte Links

1. Shopify-Dokumentation zu Abschnitten und Blöcken
2. Shopify-Dokumentation zum Anpassen von Abschnitten
3. Company XYZ-Dokumentation zu den Einstellungen für Abschnittshintergründe
4. Company XYZ-Dokumentation zu den Einstellungen für den Abschnitts-Innenabstand
5. Company XYZ-Dokumentation zu den Trennlinien-Einstellungen
6. Company XYZ-Dokumentation zu den Einstellungen für Layout-Breiten

Hilfreiche Videos

Video der Shopify Academy: Ihren Shop anpassen

Video der Shopify Academy: Ihren Shop anpassen

Verwenden Sie diesen Abschnitt, um die Hauptansicht des veralteten Kundenkontos so anzupassen, dass sie poliert und markenkonform wirkt. Sie können die Seite mit Ihrem eigenen Symbol, Ihrer eigenen Überschrift und unterstützendem Text einleiten und dann Farben, Hintergrund, Abstände und Layout anpassen, damit der Kontobereich leichter zu lesen und zu navigieren ist. Einen umfassenderen Überblick darüber, wie Abschnittseinstellungen im Theme-Editor funktionieren, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken

Grundeinstellungen

Die Einstellungen für den Hauptinhalt prägen die Einleitung der Seite. Fügen Sie ein Symbol als schnellen visuellen Hinweis hinzu und verwenden Sie dann die Überschrift und Unterüberschrift, um zu erklären, was Kunden in ihrem Kontobereich tun können.

Wenn Sie die Überschrift oder Unterüberschrift leer lassen, verwendet der Abschnitt den Standardinhalt Ihres Themes. Das ist eine gute Option, wenn Sie die Standardformulierung verwenden, aber dennoch die Darstellung der Seite steuern möchten.

Tipp

Halten Sie die Überschrift kurz und nutzen Sie die Unterüberschrift für hilfreichen Kontext, zum Beispiel für die Verwaltung von Bestellungen, Adressen oder Kontodetails.

Farbeinstellungen

Mit diesen Einstellungen können Sie die Standardfarben für Symbol und Text des Abschnitts überschreiben. Sie sind besonders nützlich, wenn Sie einen benutzerdefinierten Hintergrund verwenden und mehr Kontrast oder eine passendere Abstimmung auf den Rest der Seite benötigen.

Passen Sie Symbol, Haupttext und Unterüberschrift gemeinsam an, damit der Abschnitt stimmig wirkt. Wenn ein Element deutlich heller oder kontrastärmer als die anderen ist, kann die Seite schwerer zu erfassen sein.

Wenn Sie einen Bild-, Farbverlaufs- oder Video-Hintergrund verwenden, prüfen Sie vor dem Veröffentlichen den Textkontrast sowohl auf dem Desktop als auch auf Mobilgeräten.

Standard-Abschnittseinstellungen

Weitere Informationen zum Bearbeiten abschnittsspezifischer Steuerungen im Editor finden Sie in der Shopify-Dokumentation zum Anpassen von Abschnitten

Abschnittshintergrund-Einstellungen

Abschnittshintergrund-Einstellungen steuern die visuelle Fläche hinter dem Kontoinhalt. Sie können eine Vollfarbe, einen Farbverlauf, ein Bild oder ein Video verwenden und anschließend ein Overlay hinzufügen, damit Text besser hervortritt.

Farbverlaufseinstellungen überschreiben Vollfarben, und Overlay-Farbverläufe überschreiben Overlay-Farben. Bild- und Videooptionen speziell für Mobilgeräte sind nützlich, wenn die Desktop-Medien unvorteilhaft beschnitten werden oder auf kleineren Bildschirmen zu dominant wirken.

Padding-Einstellungen

Padding-Einstellungen steuern den Abstand ober- und unterhalb des Kontoinhalts. Verwenden Sie mehr Padding, wenn die Seite großzügiger wirken soll, oder reduzieren Sie es, wenn Sie ein kompakteres, stärker auf den Nutzen fokussiertes Layout wünschen.

Abstände für Desktop und Mobilgeräte werden separat festgelegt, daher lohnt es sich, beide Ansichten zu prüfen. Kleinere Abstände auf Mobilgeräten sorgen oft dafür, dass die Seite leichter zu überblicken bleibt, ohne beengt zu wirken.

Trennlinien-Einstellungen

Trennlinien-Einstellungen fügen oben, unten oder an beiden Kanten des Abschnitts eine optionale Linie hinzu. Das kann helfen, den Kontobereich klarer abzugrenzen, wenn er in der Nähe anderer Abschnitte mit ähnlichem Hintergrund liegt.

Wenn Sie die Farbe der Trennlinie transparent lassen, verwendet der Abschnitt die Rahmenfarbe des Themes. Das ist in der Regel der einfachste Weg, um Trennlinien optisch einheitlich zu halten.

Breiten-Einstellungen

Breiten-Einstellungen steuern sowohl die gut lesbare Breite des Kontoinhalts als auch die gesamte Breite des Abschnitts. Die Inhaltsbreite ist die wichtigste Einstellung für die Lesbarkeit, während die Abschnittsbreite vor allem dann relevant ist, wenn Sie zusätzlich eine Hintergrundgestaltung verwenden.

Eine geringere Inhaltsbreite eignet sich für Kontoseiten meist am besten, da der Inhalt auf Aufgaben ausgerichtet und textlastig ist. Der Editor kann Änderungen an der Breite ungenau darstellen, daher sollten Sie die Seite im aktiven Storefront vor dem Abschließen der Layoutentscheidungen in der Vorschau prüfen.

Nutzungshinweise

1. Halten Sie die Einleitung nützlich. Verwenden Sie Überschrift und Unterüberschrift, um Kunden schnell zu orientieren, statt allgemeine Kontotexte zu wiederholen.
2. Gestalten Sie auf Kontrast hin. Wenn Sie einen Hintergrund mit Bild oder Video hinzufügen, verwenden Sie Overlays und benutzerdefinierte Textfarben nur bei Bedarf, damit alles gut lesbar bleibt.
3. Bevorzugen Sie gut lesbare Breiten. Eine moderate oder schmale Inhaltsbreite ist in der Regel angenehmer, um Kontodetails und Bestellverläufe zu überfliegen.
4. Passen Sie die Abstände an die Rolle der Seite an. Größere Innenabstände können die Seite markanter wirken lassen, während engere Abstände ein funktionaleres Kontorerlebnis unterstützen.
5. Prüfen Sie Mobilgeräte separat in der Vorschau. Überprüfen Sie Hintergrundmedien, Abstände und Textkontrast auf Mobilgeräten gemeinsam, damit die Seite auf kleineren Bildschirmen klar bleibt.
6. Prüfen Sie Desktop und Mobilgeräte gemeinsam. Layout, Ausrichtung und Medienverhalten können je nach Viewport abweichen, daher sollten Sie beide Ansichten vor dem Veröffentlichen prüfen.
7. Lassen Sie Standardwerte stehen, wenn Sie Fallback-Stil verwenden möchten. Leere oder transparente Werte bewahren in der Regel das integrierte Erscheinungsbild des Themes, während explizite Farben, Farbverläufe oder Medienauswahlen den Abschnitt eigenständiger machen.