Sidestiler kontrollerer det visuelle designet på dine drop-salgssider. En stil er på kontonivå, så du kan gjenbruke en stil på flere drops eller opprettholde flere varianter.
Laging av en stil
Gå til Innstillinger og åpne fanen Sidestiler, deretter klikker du Lag ny stil. Dette åpner et tomt stilskjema. Det er ingen stisøker her — det starter alltid fra standardinnstillinger.
To andre måter å få en stil uten å fylle ut skjemaet fra bunnen av:
- Dupliser — hver stilkort på listen over sidestiler har en Dupliser-knapp. Den kloner stilen som "navn (Kopi)", som du deretter redigerer.
- Hent fra nettsted — denne finnes bare i drop-veiviseren under Sideutforming, ikke i området Sidestiler. Se Slik henter du stiler fra et nettsted.
Gi stilen et Stilnavn først. Navn må være unike; en hake eller et kryss ved siden av feltet forteller deg om navnet allerede er tatt.
Skjemaet (tre faner)
Skjemaet har tre faner: Farger, Typografi og Knapper. Det finnes ingen direktevisning av forhåndsvisning — bare en liten miniatyrbilde av logoen din som er lastet opp.
Farger
Farger er gruppert:
- Kjerne — Bakgrunn, Tekst.
- Knapper — Bakgrunn, Tekst.
- Sekundær — Sekundær, Sekundær tekst (paneler, seksjoner, funksjonsområder).
- Aksentfarge — en enkelt aksentfarge for uthevinger.
- Dempet — Dempet, Dempet tekst (subtile bakgrunner, deaktiverte tilstander).
- Andre elementer — Kant, Timerens bakgrunn, Timerens tekst.
- Logo — Logofarve, pluss en Logoens bakgrunn-veksler (en filter bak logoen). Når den er på, angir du fargen, gjennomsiktigheten, utfyllingen og hjørnestilen (kvadratisk eller avrundet).
Hver farge åpner en velger når du klikker på fargefanen.
Typografi
- Skriftstørrelser — Display, Overskrift, Underoverskrift, Brødtekst, Bildetekst. Hver er en fritekstverdi, så du kan bruke rem, px eller et
clamp()-uttrykk. - Skriftvekter — Display, Overskrift, Brødtekst, hver 100–900 (400 normal, 700 fet).
- Skriftfamilier — Overskriftsfont og brødtekstfont, valgt fra en fast liste (Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana).
Det finnes ingen border-radius-kontroll her.
Knapper
Til tross for navnet, inneholder denne fanen knappstyling pluss innstillinger for hero, logo og produkt.
- Knappens utseende — Form (Avrundet / Kvadratisk / Pille), Stil (Solid / Ghost), Hover-tilstand (Mørkner / Lysner ved hover).
- Hero-layout — Vertikal justering (Øverst / Nederst / Senter) og horisjontal justering (Venstre / Senter).
- Logobilde — last opp et logobilde og sett bredden.
- Produktvisning — Forhåndsvisningsbilder (Kunsttverk / Produkt / Oppstillingsshot), Miniatyrbilder (Kunsttverk / Produkt) og Standardvalgt produkt (Minste / Største).
- Tilleggsalternativer — vekslere for en nedadvendt pil i toppteksten (med egendefinert tekst), en lavt lagervarsel (med egendefinert tekst) og en fraktomkostningsvisning (USA/Canada/Europa og resten av verden-kostnad).
Lagring
Klikk Lag stil øverst til høyre. (Når du redigerer en eksisterende stil, leser knappen Oppdater stil.) Stilen lagres i biblioteket ditt for sidestiler og blir valbar i ethvert drop-veiviserens Sideutforming-trinn.
Redigering senere
Gå til Innstillinger → Sidestiler, klikk en stils Rediger-knapp, gjør endringene dine, og Oppdater stil. Se Slik redigerer du en sidestil for detaljer.