Generelle blokkinnstillinger

Når du jobber i designbyggeren, har de fleste blokker et sett med standardinnstillinger. Disse lar deg definere grunnleggende visuelle rammer som farger, tekstformatering og plassering for hele blokken.

Oppsett og Synlighet

Disse innstillingene bestemmer hvordan blokken oppfører seg i selve layouten og hvilke kunder som ser den.

Oppsett: Velg mellom Avgrenset (blokken bruker kun nødvendig plass) eller Full bredde (blokken strekker seg ut til kanten av kolonnen).
Synlighet: Du kan velge å vise en blokk på alle enheter, eller låse den til kun mobil eller kun PC. Dette er svært nyttig hvis du vil ha et unikt design for mobilbrukere.
Kantradius: Juster hvor runde hjørnene på blokken skal være. Et høyere tall gir en mer sirkulær eller myk form.

Tips!

Ved bruk av “Avgrenset” kan dette i enkelte blokker kombineres med maks bredde, som lar deg sette en maks bredde på hele blokken i piksler.

Farger og Tekst

Fargevalgene dine er avgjørende for å skape et konsistent uttrykk gjennom hele butikken.

Bakgrunnsfarge: Setter fargen på hele blokkens flate.
Tekstfarge: All tekst i blokken følger denne fargen som standard.
Smarte fargevalg: Du kan velge farger manuelt eller bruke nedtrekksmenyen for å hente dine globale fargevariabler. Ved å bruke globale farger sikrer du at blokken oppdateres automatisk hvis du senere endrer merkevarefargene dine i temainnstillingene.
Egendefinerte fargevariabler kan legges til via tilpasset CSS.

Merk

For at egendefinerte variabler skal vises i nedtrekksmenyen må de være satt opp med en støttet fargeenhet: HEX, RGB, RGBA, HSL eller HSLA

Plassering og Justering (Flex)

Systemet bruker en fleksibel metode for å plassere innholdet inne i blokken. Dette kalles ofte for "9-box"-modellen.

9-box og Justeringstype

Se for deg blokken som et rutenett med 9 bokser. Du kan plassere innholdet ditt i hvilken som helst av disse (f.eks. øverst til venstre eller helt i midten).

I tillegg kan du styre hvordan plassen fordeles mellom elementene:

Space-between: Maksimerer plassen mellom elementene (ingenting på ytterkantene).
Space-around: Gir lik mengde luft rundt hvert element.
Space-evenly: Fordeler alt mellomrom helt jevnt, også mot kantene.

Avanserte innstillinger

For deg som ønsker full kontroll, finnes det en egen meny med mer tekniske justeringer.

Kolonnebredde: Bestem nøyaktig hvor mange kolonner av det totale rutenettet blokken skal oppta, les mer →
Polstring (Padding): Juster avstanden fra innholdet og ut til blokkens kant.
Margin: Juster avstanden fra blokken og ut til nabo-elementene rundt.
Avstandskontroll (Gap): Bestem nøyaktig antall piksler det skal være mellom hvert enkelt element (f.eks. mellom et ikon og en tekst) inne i blokken.

Relaterte artikler:

Spesialelementer

Enkelte blokker har unike valg i de generelle innstillingene:

Ikon: Velg og juster størrelsen på ikoner (kun tilgjengelig i f.eks. "Ikonboks").
Stjernerangering: Velg mellom 1–5 stjerner (kun tilgjengelig i blokken "Kundereferanse").