Paginastijlen bepalen het visuele ontwerp van je drop verkooppagina's. Een stijl is op accountniveau, dus je kunt dezelfde stijl voor elke drop gebruiken of verschillende varianten bijhouden.
Een stijl maken
Ga naar Instellingen en open het tabblad Paginastijlen, klik vervolgens op Nieuwe stijl maken. Dit opent een leeg stijlformulier. Er is hier geen padkiezer — het begint altijd met standaardwaarden.
Twee andere manieren om een stijl te krijgen zonder het formulier helemaal in te vullen:
- Dupliceren — elke stijlkaart in de lijst Paginastijlen heeft een Dupliceren-knop. Dit maakt een kopie van die stijl als "naam (Kopie)", die je vervolgens bewerkt.
- Extraheren van een website — dit is alleen beschikbaar in de Paginaontwerp-stap van de drop-wizard, niet in het gebied Paginastijlen. Zie Stijlen uit een website extraheren.
Geef de stijl eerst een Stijlnaam. Namen moeten uniek zijn; een vinkje of kruis naast het veld geeft aan of de naam al gebruikt wordt.
Het formulier (drie tabbladen)
Het formulier heeft drie tabbladen: Kleuren, Typografie en Knoppen. Er is geen live preview-paneel — alleen een kleine thumbnail van je geüploade logo.
Kleuren
Kleuren zijn in groepen ingedeeld:
- Basis — Achtergrond, Tekst.
- Knoppen — Achtergrond, Tekst.
- Secundair — Secundair, Secundaire tekst (panelen, secties, destijntechnische gebieden).
- Accent — één accentkleur voor hoogtepunten.
- Gedempt — Gedempt, Gedikte tekst (subtiele achtergronden, uitgeschakelde toestanden).
- Overige elementen — Rand, Timer-achtergrond, Timer-tekst.
- Logo — Logokleur, plus een Logo-achtergrond-toggle (een scrim achter het logo). Als deze is ingeschakeld, stel je de kleur, dekking, opvulling en hoekstijl in (recht of afgerond).
Elke kleur opent een kleurkiezer als je op het kleurvakje klikt.
Typografie
- Tekengrootten — Weergave, Kop, Subkop, Hoofdtekst, Bijschrift. Elk is een vrije-tekstwaarde, dus je kunt rem, px of een
clamp()-expressie gebruiken. - Lettertypegewichten — Weergave, Kop, Hoofdtekst, elk 100–900 (400 normaal, 700 vet).
- Lettertypefamilies — Koplettertype en Hoofdtekstlettertype, gekozen uit een vaste lijst (Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana).
Er is hier geen border-radius-besturing.
Knoppen
Ondanks de naam bevat dit tabblad knopopmaak plus de instellingen voor hero, logo en product.
- Knopuiterlijk — Vorm (Afgerond / Recht / Pil), Stijl (Effen / Transparant), Hover-staat (Donkerder / Lichter bij hover).
- Hero-indeling — Verticale uitlijning (Boven / Onder / Midden) en Horizontale uitlijning (Links / Midden).
- Logoafbeelding — upload een logoafbeelding en stel de breedte in.
- Productweergave — Voorbeeldafbeeldingen (Artwork / Product / Staging Shot), Miniaturen (Artwork / Product) en het Standaard geselecteerde product (Kleinste / Grootste).
- Aanvullende opties — schakelaars voor een Kopdownwaartse pijl (met aangepaste tekst), een Waarschuwing voor lage voorraad (met aangepaste tekst) en een Verzendkostenweergave (VSA/Canada/Europa en Overige wereld-kosten).
Opslaan
Klik op Stijl maken in de rechterbovenhoek. (Bij het bewerken van een bestaande stijl leest de knop Stijl bijwerken.) De stijl wordt opgeslagen in je bibliotheek Paginastijlen en kan worden geselecteerd in de Paginaontwerp-stap van elke drop-wizard.
Later bewerken
Ga naar Instellingen → Paginastijlen, klik op de Bewerken-knop van een stijl, breng je wijzigingen aan en klik op Stijl bijwerken. Zie Een paginastijl bewerken voor details.