Stilarter og dele

En stilart er et designsprog for hele butikken.

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

#Tre lag

#Vælg stilart

Du vælger stilart, når du laver en ny variant i designeren.

1. Åbn variantmenuen, og tryk + New variant.
2. Skriv et navn under Name.
3. Vælg A style under Start from og derefter en stilart. Dine egne stilarter har · yours efter navnet.
4. Tryk Create variant.

Varianten får stilartens udseende og skabelonerne til Collection pages, Product page og Text pages. Forsiden og dine egne sider bliver, som kunderne ser dem.

Prøv en stilart i en ny variant. Butikken ændres ikke, før du udgiver varianten. Stilartens skabeloner får eksempeltekst på butikkens sprog: svensk, når butikkens sprog er svensk, ellers engelsk.

#Skift stilart senere

En variant beholder den stilart, den blev lavet med. Vil du have en anden stilart, eller en af dine egne, laver du en ny variant ud fra den med + New variant. Butikken ændres ikke, før du udgiver den nye variant.

En variant kopierer stilarten, når varianten laves. Senere ændringer i stilarten når først varianten, når du trykker Reset to efterfulgt af stilartens navn, for eksempel Reset to Bold. Knappen ligger under Style of this variant i fanen Theme i designeren. Den henter den indbyggede stilart, aldrig en af dine gemte stilarter, og beder dig bekræfte først.

Ændringer, du har lavet i farver og dele, forsvinder. ⌘Z henter dem tilbage.

#Valg pr. del

Stilarten bestemmer, hvilke udseender og valg hver del har. Listen pr. komponent står under Komponenterne én for én.

Valgene indstiller du under Look og Options på komponentpanelet, se Komponentpanelet. Har komponenten en gemt stilart, skrives valget på stilarten, ellers på varianten. Panelet viser altid den værdi, butikken bruger.

#Farveprikker til varianter

Et variantvalg, der hedder Color, Colour eller Färg, vises som farveprikker. Alle værdier skal kunne læses som farver, for eksempel black, red, grön eller #E30613. Andre valg vises som knapper.

#Form og farver på komponenten

Under Options på komponentpanelet findes blokkene Shape og Colours. De viser variantens tokens, som komponenten bruger. Kodeeditoren har ikke blokkene. En gemt komponentstilart indeholder aldrig form eller temafarver.

Shape har chips til hjørnerne. Hvilke chips der vises, afhænger af komponenten:

Linjen under chipsene viser, hvor værdien bruges:

• Photo corners: alle produktbilleder og kategorifelter uden billede.
• Thumbnail corners: miniaturerne og hjørnerne på sidens sektioner.
• Button corners: alle knapper i butikken.

Classic har fotohjørner på 14 px og Boutique på 20 px. Har stilarten en værdi, der ikke er et trin, får den en egen chip med tallet som navn. Den chip er trykket ned på en urørt variant. Har varianten en anden værdi, sat under More tokens, trykkes ingen chip ned, og linjen viser tallet. En værdi, der afviger fra stilartens, får reset.

Colours viser temafarverne, komponenten bruger:

Bemærk: Farverne under Colours er variantens. En ændring her ændrer farven alle steder, hvor den bruges. Farver, der kun gælder komponenten, sætter du under fanen Design i kodeeditoren.

#Tokens i fanen Theme

Fanen Theme i designeren ændrer variantens tokens uden at skifte stilart.

Urørte overskriftsvalg følger stilarten, og linjen viser Style default. En egen værdi får reset, som lægger stilartens valg tilbage.

#Gem som egen stilart

En egen stilart gemmer variantens stilart, valg, farver, skrifttyper, logo og tema-CSS og sektionerne i de tre skabeloner.

1. Åbn fanen Theme i designeren.
2. Tryk + Save current as my style under Your styles.
3. Skriv et navn, og gem. Navnet må ikke allerede findes under Your styles.

Stilarten gemmer alle deles valg, ikke kun dem, du har ændret. Den gemmer også sektionerne i Collection pages, Product page og Text pages, se Sideskabeloner. Home og dine egne sider gemmes ikke med den. En ny variant fra stilarten starter med de sektioner. Stilarten vises i alle butikker i workspacet: under Your styles i designeren og under + New variant.

Gem en af dine egne stilarter igen med variantens udseende:

1. Åbn varianten i designeren og fanen Theme.
2. Tryk Update ved stilarten under Your styles.
3. Tryk Update i boksen.

Stilarten får variantens udseende og beholder sit navn. Varianten, du har åben, ændres ikke, og varianter, der allerede er lavet ud fra stilarten, beholder deres udseende. Stilartens gamle version gemmes ikke.

Slet en egen stilart:

1. Tryk på krydset ved stilarten.
2. Tryk Continue.
3. Skriv stilartens navn.
4. Tryk Delete.

Stilarten forsvinder for alle butikker i workspacet. Butikker, der bruger den, beholder deres udseende, fordi de har deres egen kopi.

#Your styles og Your header styles

Begge lister hører til workspacet og vises i alle butikker. En stilart, der fjernes fra en liste, ændrer ingen butik, der allerede bruger den.