Stiler og deler

En stil er et designspråk for hele butikken.

Hvor: + New variant i designerens variantmeny og fanen Theme i designeren.

#Tre lag

#Velg stil

Du velger stil når du lager en ny variant i designeren.

1. Åpne variantmenyen og trykk + New variant.
2. Skriv et navn under Name.
3. Velg A style under Start from, og deretter en stil. Dine egne stiler har · yours etter navnet.
4. Trykk Create variant.

Varianten får stilens utseende og malene for Collection pages, Product page og Text pages. Forsiden og dine egne sider blir slik kundene ser dem.

Prøv en stil i en ny variant. Butikken endres ikke før du publiserer varianten. Stilens maler får eksempeltekst på butikkens språk: svensk når butikkens språk er svensk, ellers engelsk.

#Bytt stil senere

En variant beholder stilen den ble laget med. Vil du ha en annen stil, eller en av dine egne, lager du en ny variant fra den med + New variant. Butikken endres ikke før du publiserer den nye varianten.

En variant kopierer stilen når varianten lages. Senere endringer i stilen når varianten først når du trykker Reset to fulgt av stilens navn, for eksempel Reset to Bold. Knappen ligger under Style of this variant i fanen Theme i designeren. Den henter den innebygde stilen, aldri en av dine lagrede stiler, og ber deg bekrefte først.

Endringer du har gjort i farger og deler, forsvinner. ⌘Z henter dem tilbake.

#Valg per del

Stilen bestemmer hvilke utseender og valg hver del har. Listen per komponent står under Komponentene én for én.

Valgene stiller du inn under Look og Options på komponentpanelet, se Komponentpanelet. Har komponenten en lagret stil, skrives valget på stilen, ellers på varianten. Panelet viser alltid verdien butikken bruker.

#Fargeprikker for varianter

Et variantvalg som heter Color, Colour eller Färg, vises som fargeprikker. Alle verdier må kunne leses som farger, for eksempel black, red, grön eller #E30613. Andre valg vises som knapper.

#Form og farger på komponenten

Under Options på komponentpanelet finnes blokkene Shape og Colours. De viser variantens tokens som komponenten bruker. Koderedigereren har ikke blokkene. En lagret komponentstil inneholder aldri form eller temafarger.

Shape har chips for hjørnene. Hvilke chips som vises, avhenger av komponenten:

Linjen under chipsene viser hvor verdien brukes:

• Photo corners: alle produktbilder og kategoriruter uten bilde.
• Thumbnail corners: miniatyrene og hjørnene på sidens seksjoner.
• Button corners: alle knapper i butikken.

Classic har fotohjørner på 14 px og Boutique på 20 px. Har stilen en verdi som ikke er et steg, får den en egen chip med tallet som navn. Den chipen er trykket ned på en urørt variant. Har varianten en annen verdi, satt under More tokens, trykkes ingen chip ned og linjen viser tallet. En verdi som skiller seg fra stilens, får reset.

Colours viser temafargene komponenten bruker:

Merk: Fargene under Colours er variantens. En endring her endrer fargen overalt der den brukes. Farger som bare gjelder komponenten, setter du under fanen Design i koderedigereren.

#Tokens i fanen Theme

Fanen Theme i designeren endrer variantens tokens uten å bytte stil.

Urørte overskriftsvalg følger stilen, og linjen viser Style default. En egen verdi får reset, som legger tilbake stilens valg.

#Lagre som egen stil

En egen stil lagrer variantens stil, valg, farger, skrifttyper, logo og tema-CSS, og seksjonene i de tre malene.

1. Åpne fanen Theme i designeren.
2. Trykk + Save current as my style under Your styles.
3. Skriv et navn og lagre. Navnet kan ikke allerede finnes under Your styles.

Stilen lagrer alle delers valg, ikke bare dem du har endret. Den lagrer også seksjonene i Collection pages, Product page og Text pages, se Sidemaler. Home og dine egne sider lagres ikke med den. En ny variant fra stilen starter med de seksjonene. Stilen vises i alle butikker i workspacet: under Your styles i designeren og under + New variant.

Lagre en av dine egne stiler på nytt med variantens utseende:

1. Åpne varianten i designeren og fanen Theme.
2. Trykk Update ved stilen under Your styles.
3. Trykk Update i boksen.

Stilen får variantens utseende og beholder navnet sitt. Varianten du har åpen, endres ikke, og varianter som allerede er laget fra stilen, beholder utseendet sitt. Stilens gamle versjon lagres ikke.

Slett en egen stil:

1. Trykk på krysset ved stilen.
2. Trykk Continue.
3. Skriv stilens navn.
4. Trykk Delete.

Stilen forsvinner for alle butikker i workspacet. Butikker som bruker den, beholder utseendet, fordi de har en egen kopi.

#Your styles og Your header styles

Begge listene hører til workspacet og vises i alle butikker. En stil som fjernes fra en liste, endrer ingen butikk som allerede bruker den.