Slik konfigurerer du den globale stilen for butikken din

Hei og velkommen til ditt GoodBarber-backoffice. I dag skal vi se nærmere på et kraftig verktøy for design av appen din: den globale stilmenyen. Med den globale stilen kan du administrere appens generelle design fra én enkelt meny. Farger, fonter og effekter som velges i denne menyen, brukes på alle deler av appen. Men vær forsiktig, hver endring som gjøres fra denne menyen, vil bli brukt på alle delene av appen. I menyen Innhold og design > Design > Generell design klikker du på Global stil.

Det første du må gjøre, er å velge et fargetema. Et fargetema er en kombinasjon av farger som harmonerer perfekt. Den globale stilen tilbyr et bibliotek med fargetemaer. Klikk på Rediger for å bla gjennom biblioteket. Som du ser, har jeg mange valgmuligheter. Hvis jeg foretrekker å endre det faktiske temaet, klikker jeg på rediger, blar til bunnen av siden og klikker på opprett et fargetema, og velger deretter fargene dine.

Nå går vi videre til telefonene. Det finnes et hierarki for visning av tekst i appen. 8 nivåer brukes til å vise titler, undertekster, avsnitt og tekst. Jeg definerer skriftstørrelse og skrifttype for hvert nivå. Avhengig av hvilken skrifttype som er valgt, kan jeg også velge alternativ. Nå til knappene. For de delene av appen din som inviterer brukerne til å utføre handlinger, velger jeg formen på knappen som jeg vil bruke.

Jeg kan forhåndsvise resultatet ved å klikke her. Det finnes flere nivåer av hierarki når det gjelder knappene i appen din. Knappens design avhenger av fargetemaet i appen din. For å respektere harmonien finnes det flere varianter for hvert tema. Her er de tre ulike typene design for hvert hierarkisk nivå:
Nivå 1 => farget bakgrunn på knappen, ingen kontur
Nivå 2 => gjennomsiktig bakgrunn av knappens omriss og tekst i farger
Nivå 3 => gjennomsiktig bakgrunn på knappen uten omriss

Nå kan du bruke sveveeffekter på bilder. Dette er bare tilgjengelig på PWA. Til slutt tilleggselementene, for eksempel tilbake-ikonet som vises i overskriften mens du navigerer i butikken din. Jeg lagrer endringen. Ikke glem at alle disse endringene vil overstyre den faktiske utformingen av butikken din, inkludert eventuelle uhektede seksjoner.

La oss ta en titt ja, jeg liker virkelig utseendet på butikken min.

Se deg for en annen opplæring!