So richten Sie die Kopfzeile Ihres Shops ein

Hallo und willkommen in Ihrem GoodBarber Back Office

Heute richten wir den Header ein, also Logo und Titel Ihrer App

Das ist der obere Teil Ihrer App, immer sichtbar und in jeder Rubrik erreichbar

Der Header hat 4 Aufgaben: die Identität Ihrer App zeigen, der Rubrik einen Titel geben, Verknüpfungen anzeigen und durch die App führen

Gehen wir also in das Menü Inhalt und Design > Design > Allgemeines Design

Klicken Sie auf Logo und Titel

Hier kann ich den Titel als Text eintragen oder ein Logo hochladen

Ich möchte etwas mit Wiedererkennung, also nehme ich ein Logo

Ich hatte es schon bereitliegen :)

Voilà!

Jetzt wähle ich die Ausrichtung des Logos: rechts oder mittig

Einfach, oder?

Aber Sie möchten mehr, richtig? Ich wusste es

Ihren Header passen Sie noch weiter an, indem Sie hier das Menü Erweitert einschalten

Jetzt habe ich mehr Optionen: Ich ändere die Schriftfarbe, die Trennlinie, füge Hintergrundbilder hinzu. Ich kann meinem Header auch Links geben. Ich lege einen Link zum Warenkorb an: Klicken Sie auf Eine Aktion hinzufügen, wählen Sie das Symbol und die Farbe der Verknüpfung. Perfekt

Für die PWA können Sie wählen, ob der Titel der Verknüpfung am Rechner und auf Tablets erscheint

Dann die Farbe des Punkts am Warenkorb, und fertig

Letzter Schritt: die weiteren Elemente des Headers, also der Zurück-Pfeil, der erscheint, wenn Ihre Kundschaft im Katalog blättert. Je nach Navigationsvorlage gibt es weitere Optionen. Beim Swipe wählen Sie zum Beispiel das Symbol zum Öffnen des Menüs. Das Video zu den Navigationsvorlagen liegt in der Infoleiste

Schauen wir in die Vorschau

Fertig!

Ich zeige Ihnen das Ergebnis

Jetzt wissen Sie, wie Sie den Header Ihres Shops anpassen

Bis ganz bald zu einem neuen Tutorial