Topptekst: Logo
Logo
Logo-blokken viser butikklogoen i headeren. Om du ikker har lastet opp en egen logo i denne blokken vil den benytte logoen som er lastet opp i kontrollpanelet.
Vi anbefaler å laste opp egen logo i blokken da det gir flere muligheter for visning, størrelse og ulike logoer per type (dekstop, nettbrett og mobil).
Den bruker logoen du har lastet opp i temainnstillingene, og lar deg styre størrelse, justering og en valgfri ekstra logo for flytende eller gjennomsiktige headere.
Innstillinger
Innstilling | Hva den styrer |
|---|---|
Ekstra logo | En alternativ logo, brukt for flytende eller gjennomsiktig header (for eksempel en lys versjon av logoen over en mørk gjennomsiktig header) |
Logostørrelse | Bredden på logoen, fra liten til stor |
Justering | Horisontal plassering på desktop — venstre, midtstilt eller høyre |
Mobiljustering | Horisontal plassering på telefoner, satt separat fra desktop |
Hvorfor en ekstra logo
Hvis headeren er gjennomsiktig eller flytende, kan området bak logoen endre farge når kunden ruller eller bytter side. En logo som ser flott ut på en hvit linje kan forsvinne over et mørkt bilde. Ekstra logo lar deg legge inn en versjon som fungerer i den tilstanden, og butikken bytter til den automatisk.
Oppsett og synlighet
Som de fleste header-blokker har Logo-blokken også:
- Bredde-innstillinger for desktop, nettbrett og mobil — hvor mye av headerens kolonnerutenett logoen opptar.
- Egen CSS-klasse — for å legge til din egen klasse hvis du trenger spesialtilpasset styling.
- Blokkbetingelser — regler for når logoen skal vises eller skjules (for eksempel kun på enkelte sider).
Tips
- Om du ikker har lastet opp en egen logo i denne blokken vil den benytte logoen som er lastet opp i kontrollpanelet.
- Sett mobiljusteringen bevisst. En logo som er midtstilt på desktop fungerer ofte bedre venstrestilt på mobil, ved siden av menyknappen.
- Legg bare til en ekstra logo hvis du bruker en gjennomsiktig eller flytende header — ellers vises den aldri.