So richten Sie den globalen Stil Ihres Shops ein

Hallo und willkommen in Ihrem GoodBarber Back Office. Heute geht es um ein starkes Werkzeug für das Design Ihrer App: das Menü Globaler Stil. Damit steuern Sie das allgemeine Design Ihrer App aus einem einzigen Menü. Die hier gewählten Farben, Schriften und Effekte gelten für jede Rubrik Ihrer App. Achtung: Jede Änderung in diesem Menü wirkt sich auf alle Rubriken aus. Klicken Sie im Menü Inhalt und Design > Design > Allgemeines Design auf Globaler Stil.

Zuerst wählen Sie ein Farbthema. Ein Farbthema ist eine Kombination von Farben, die perfekt zusammenpassen. Der Globale Stil bringt eine Bibliothek von Farbthemen mit. Klicken Sie auf Bearbeiten, um sie zu durchsuchen. Wie Sie sehen, habe ich viel Auswahl. Möchte ich lieber mein aktuelles Thema ändern, klicke ich auf Bearbeiten, gehe ans Ende der Seite, klicke auf Ein Farbthema erstellen und wähle meine Farben.

Weiter zur Typografie. Für die Anzeige von Text in der App gibt es eine Hierarchie. 8 Ebenen zeigen Titel, Untertitel, Absätze und Fließtext. Ich lege die Schriftgröße und die Schrift für jede Ebene fest. Je nach Schrift kann ich auch den Schnitt wählen. Jetzt die Schaltflächen. Für die Rubriken Ihrer App, die zu einer Aktion einladen, wähle ich die Form der Schaltfläche.

Mit einem Klick hier sehe ich das Ergebnis. Auch bei den Schaltflächen gibt es mehrere Ebenen. Ihr Design hängt vom Farbthema Ihrer App ab; damit alles zusammenpasst, gibt es je Thema mehrere Varianten. Das sind die drei Designarten je Ebene: Ebene 1 => farbiger Hintergrund, keine Kontur. Ebene 2 => durchsichtiger Hintergrund, Kontur und Schrift in Farbe. Ebene 3 => durchsichtiger Hintergrund, keine Kontur

Jetzt die Effekte beim Überfahren von Bildern. Das gibt es nur in der PWA. Und schließlich die weiteren Elemente, etwa das Zurück-Symbol, das beim Navigieren in Ihrem Shop im Header erscheint. Ich speichere die Änderung. Denken Sie daran: All diese Änderungen überschreiben das aktuelle Design Ihres Shops, auch das der abgekoppelten Rubriken.

Schauen wir es an. Ja, mir gefällt mein Shop so richtig gut.

Bis zum nächsten Tutorial!