Blokk: Logoer
Logoer-blokken viser en rad med betalings- og fraktlogoer. Den brukes oftest i bunnteksten, der kundene ser hvilke betalingsmåter og transportører butikken tilbyr rett før de bestemmer seg.
Hvor du legger blokken
Logoer er en blokk du legger inne i en Kolonne-seksjon. Den er tilgjengelig på de fleste sidene i designbyggeren — bunntekst, forside, kategoriside, produktside, blogg, statiske sider og 404-siden.
Slik legger du den inn i bunnteksten:
- Åpne designbyggeren og gå til Bunntekst.
- Bruk en Kolonne-seksjon du har fra før, eller legg til en ny.
- Legg til blokken Logoer i kolonnen.
Ni plasser for logoer
Blokken har ni faste plasser. Åtte av dem henter logoer fra et innebygd bibliotek, og den niende er satt av til en logo du laster opp selv.
Plasser du ikke fyller ut, vises ikke i butikken. Har du bare fire logoer, ser kunden fire logoer.
Plassene lukker seg. Har du logoer i plass 1 til 4 og laster opp din egen i plass 9, legger den egne logoen seg rett etter nummer 4. Det blir ikke noe tomrom mellom dem. Det samme skjer hvis du slår av Vis logo på en plass midt i rekka — logoene etter den rykker opp.
Rekkefølgen følger plassnumrene. Plassen for egen logo er nummer ni, så din egen logo havner alltid sist i raden.
Bare én plass tar opplastet bilde
Den niende plassen er den eneste som lar deg laste opp ditt eget bilde. De åtte andre henter fra biblioteket og kan ikke byttes ut med en egen fil.
Trenger du to logoer som ikke finnes i biblioteket — for eksempel to lokale transportører — legger du inn en Logoer-blokk til og bruker den egne plassen der også. Den nye blokken legger seg under den første, og vil du ha dem på samme linje, setter du bredden på begge til halvparten av kolonnen.
Innstillinger for hver plass
Innstilling | Hva den gjør |
|---|---|
Vis logo | Slår plassen av eller på uten at du mister oppsettet |
Logo | Velger hvilken logo som skal vises, fra biblioteket |
Høyde | Høyden på logoen. Standard er 33 piksler |
Lenke | Gjør logoen klikkbar. La feltet stå tomt for en logo som bare skal vise informasjon |
Åpne i ny fane | Åpner lenken i en ny fane. Krever at du har fylt ut Lenke |
Blokkbetingelser | Regler for når akkurat denne logoen skal vises |
Plassen for egen logo har i tillegg bildevelger for desktop, nettbrett og mobil, samt et felt for alt-tekst. Sett alltid en alt-tekst — den leses opp av skjermlesere og beskriver bildet hvis det ikke lastes.
Hvilke logoer finnes i biblioteket
Betaling: Visa, Mastercard, Maestro, American Express, Klarna, Vipps, PayPal, Apple Pay, Google Pay, iDEAL, Mollie, Adyen, Avarda og Billie.
Frakt: Posten, Bring, PostNord, PostNL, DHL, Helthjem og Porterbuddy.
Flere av logoene finnes i to varianter — en lys og en mørk — slik at du kan velge den som fungerer mot bakgrunnen din. Trenger du en logo som ikke står på listen, bruker du plassen for egen logo.
Biblioteket er en fast liste. Den henter ikke inn hvilke betalingsmåter eller transportører butikken din faktisk har satt opp, så du velger logoene manuelt. Endrer du betalingsløsning eller fraktleverandør, må du huske å oppdatere blokken.
Innstillinger for hele blokken
Innstilling | Hva den gjør |
|---|---|
Justering | Plasserer logoene til venstre, midtstilt eller til høyre i kolonnen |
Logofarge | Standard, helt hvit eller helt svart. Se forklaring under |
Bredde | Hvor mye av kolonnerutenettet blokken tar, satt hver for seg for desktop, nettbrett og mobil |
Synlighet | Om blokken skal vises på desktop, mobil eller begge |
Egen CSS-klasse | For deg som vil style blokken selv |
Blokkbetingelser | Regler for når hele blokken skal vises |
Logofarge, bredde for desktop og nettbrett, og egen CSS-klasse ligger under Avansert modus. Slå den på i blokkinnstillingene hvis du ikke ser dem.
Logofarge
Betalings- og fraktlogoer kommer i sine egne merkefarger. På en mørk bunntekst kan det bli rotete — sju forskjellige farger på rekke, og et par av dem forsvinner i bakgrunnen.
Da setter du Logofarge til helt hvit eller helt svart. Alle logoene i blokken blir gjort om til ensfargede silhuetter i den fargen du velger, og raden ser rolig og samlet ut.
To ting å vite: innstillingen gjelder alle logoene i blokken under ett, du kan ikke sette den per logo. Og den treffer også logoen du har lastet opp selv, så har du en egen logo i blokken, blir også den ensfarget.
Tips
- Gi logoene samme høyde. Ulik høyde er den vanligste grunnen til at en logorad ser skjev ut, og logoene har uansett litt ulike proporsjoner fra før.
- Vis bare det du faktisk tilbyr. En Klarna-logo i bunnteksten når butikken ikke har Klarna i kassen, skaper support-henvendelser.
- La Lenke stå tom på betalingslogoer. Kunden er på vei mot kassen, og en lenke ut til Visa hjelper ingen. Fraktlogoer kan derimot være verdt å lenke til sporing eller til fraktsiden din.
- Bruk PNG med gjennomsiktig bakgrunn til egen logo. En hvit firkant rundt logoen er godt synlig på farget bunntekst.
- Sjekk raden på mobil. Logoene brytes til flere linjer når det blir trangt, og med sju–åtte logoer kan det bli tre linjer på en telefon.