Sidstilarna styr den visuella designen på dina drop-försäljningssidor. En stil finns på kontontnivå, så du kan återanvända samma stil för varje drop eller behålla flera varianter.
Skapa en stil
Gå till Settings och öppna fliken Page Styles, sedan klickar du på Create New Style. Detta öppnar ett blankt stilformulär. Det finns ingen sökvägväljare här — det börjar alltid med standardinställningar.
Två andra sätt att få en stil utan att fylla i formuläret från början:
- Duplicate — varje stilkort på listan Page Styles har en Duplicate-knapp. Den klonar stilen som "namn (Copy)", som du sedan redigerar.
- Extract from a website — detta finns bara i drop-guiden steg Page Design, inte i området Page Styles. Se Så extraherar du stilar från en webbplats.
Ge stilen ett Style Name först. Namnen måste vara unika; en bock eller kryss bredvid fältet berättar om namnet redan är taget.
Formuläret (tre flikar)
Formuläret har tre flikar: Colors, Typography och Buttons. Det finns ingen live preview-panel — bara en liten miniatyr av din uppladdade logotyp.
Colors
Färgerna är grupperade:
- Core — Background, Text.
- Buttons — Background, Text.
- Secondary — Secondary, Secondary Text (paneler, sektioner, funktionsområden).
- Accent — en enda accentfärg för högdagrar.
- Muted — Muted, Muted Text (subtila bakgrunder, inaktiverade tillstånd).
- Other Elements — Border, Timer Background, Timer Text.
- Logo — Logo Color, plus en Logo Background-växlare (ett lager bakom logotypen). När den är aktiverad ställer du in färg, opacitet, utfyllnad och hörnstil (fyrkant eller rundad).
Varje färg öppnar en väljare när du klickar på dess färgruta.
Typography
- Font Sizes — Display, Heading, Subheading, Body, Caption. Varje värde är fritext, så du kan använda rem, px eller ett
clamp()-uttryck. - Font Weights — Display, Heading, Body, var och en 100–900 (400 normal, 700 fetstilt).
- Font Families — Heading Font och Body Font, valda från en fast lista (Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana).
Det finns ingen border-radius-kontroll här.
Buttons
Trots namnet innehåller denna flik knappstil plus inställningar för hero, logotyp och produkt.
- Button Appearance — Shape (Rounded / Square / Pill), Style (Solid / Ghost), Rollover State (Darken / Brighten on hover).
- Hero Layout — Vertical Alignment (Top / Bottom / Center) och Horizontal Alignment (Left / Center).
- Logo Image — ladda upp en logotypbild och ställ in dess bredd.
- Product Display — Preview Images (Artwork / Product / Staging Shot), Thumbnails (Artwork / Product) och Default Selected product (Smallest / Largest).
- Additional Options — växlare för en Header Downward Arrow (med anpassad text), en Low Inventory Warning (med anpassad text) och en Shipping Cost Display (USA/Canada/Europe och Rest of World-kostnader).
Spara
Klicka på Create Style högst upp till höger. (När du redigerar en befintlig stil läser knappen Update Style.) Stilen sparas i ditt Page Styles-bibliotek och blir valbar i vilket drop-guides Page Design-steg som helst.
Redigera senare
Gå till Settings → Page Styles, klicka på en stils Edit-knapp, gör dina ändringar och klicka Update Style. Se Så redigerar du en sidstil för detaljer.