Sivutyylit hallitsevat drop-myyntisivujesi visuaalista ulkoasua. Tyyli on tilin tasolla, joten voit käyttää yhtä tyyliä jokaisessa dropissa tai säilyttää useita variaatioita.
Tyylin luominen
Mene Asetuksiin ja avaa Page Styles -välilehti, sitten napsauta Create New Style. Tämä avaa tyhjän tyyliolomakkeen. Tässä ei ole polunvalitsinta — se alkaa aina oletusarvoista.
Kaksi muuta tapaa saada tyyli ilman että täytät lomaketta alusta:
- Duplicate — jokaisen tyylisivun kortin Page Styles -luettelossa on Duplicate-painike. Se kloonaa tyylin nimellä "nimi (Copy)", jonka voit sitten muokata.
- Extract from a website — tämä löytyy vain drop-ohjatun Page Design -vaiheesta, ei Page Styles -alueelta. Katso How to extract styles from a website.
Anna tyylille ensin Style Name. Nimien on oltava ainutlaatuisia; kentän vieressä oleva rasti tai risti kertoo, onko nimi jo käytössä.
Lomake (kolme välilehteä)
Lomakkeessa on kolme välilehteä: Colors, Typography ja Buttons. Ei ole live-esikatselu-ruutua — vain pieni pikkukuva ladatusta logostasi.
Colors
Värit on ryhmitelty:
- Core — Background, Text.
- Buttons — Background, Text.
- Secondary — Secondary, Secondary Text (paneelit, osat, ominaisuusalueet).
- Accent — yksittäinen korostusväri kohosteita varten.
- Muted — Muted, Muted Text (hienovaraiset taustat, pois käytöstä olevat tilat).
- Other Elements — Border, Timer Background, Timer Text.
- Logo — Logo Color, plus Logo Background -kytkin (logo taustalla oleva näytön peittävä kerros). Kun se on päällä, asetat sen värin, läpinäkyvyyden, täytön ja kulmaksi (neliö tai pyöristetty).
Jokainen väri avaa väripalkin, kun napsautat sen näytettä.
Typography
- Font Sizes — Display, Heading, Subheading, Body, Caption. Jokainen on vapaamuotoinen arvo, joten voit käyttää rem-, px- tai
clamp()-lauseketta. - Font Weights — Display, Heading, Body, kukin 100–900 (400 normaali, 700 lihavoitu).
- Font Families — Heading Font ja Body Font, valitaan kiinteästä luettelosta (Inter, Arial, Helvetica, Georgia, Times New Roman, Verdana).
Tässä ei ole border-radius-kontrollia.
Buttons
Nimestään huolimatta tämä välilehti sisältää painikkeiden muotoilun sekä hero-, logo- ja tuoteasetukset.
- Button Appearance — Shape (Rounded / Square / Pill), Style (Solid / Ghost), Rollover State (Darken / Brighten hover-aikana).
- Hero Layout — Vertical Alignment (Top / Bottom / Center) ja Horizontal Alignment (Left / Center).
- Logo Image — lataa logokuva ja aseta sen leveys.
- Product Display — Preview Images (Artwork / Product / Staging Shot), Thumbnails (Artwork / Product) ja Default Selected product (Smallest / Largest).
- Additional Options — Header Downward Arrow (mukautettu teksti), Low Inventory Warning (mukautettu teksti) ja Shipping Cost Display (USA/Canada/Europe ja Rest of World -kustannukset).
Tallentaminen
Napsauta oikeassa yläkulmassa Create Style. (Kun muokkaat olemassa olevaa tyyliä, painike lukee Update Style.) Tyyli tallennetaan Page Styles -kirjastoon ja siitä tulee valittavissa minkä tahansa drop-ohjatun Page Design -vaiheessa.
Myöhempi muokkaus
Mene Settings → Page Styles, napsauta tyylin Edit-painiketta, tee muutokset ja napsauta Update Style. Katso How to edit a Page Style lisätiedoista.