Temainnstillinger: Slik tilpasser du temaet ditt

Temaet ditt bestemmer hvordan nettbutikken din ser ut og fungerer. Men et godt tema er ikke en fastlåst boks. De fleste temaer har en rekke innstillinger du selv kan justere, og disse er samlet på ett sted i Shoporama: siden «Tema-innstillinger». Her kan du endre farger, korte tekster, bilder, rullegardinmenyer og på/av-funksjoner uten å røre en eneste kodelinje.

Hva er temainnstillinger?

Et tema er malen som styrer utformingen av nettbutikken din: forsiden, kategorisidene, produktsidene, handlekurven og kassen. Temaet er laget av en utvikler, enten hos Shoporama eller hos en temautvikler du selv har ansatt. Når temaet utvikles, kan utvikleren velge å gi deg som butikkeier visse valgmuligheter: «hvilken farge skal knappene ha?», «skal det vises en melding øverst på siden?», eller «hva er leveringstiden på varer som er på lager?». Nettopp disse valgene er temainnstillinger, og de dukker automatisk opp på siden. Det betyr to ting:

• Du kan bare endre det som temaet har gjort det mulig å endre. Du kan ikke selv legge til nye felt på siden.
• To temaer har sjelden de samme innstillingene. Det din nabo kan justere i sitt tema, finnes ikke nødvendigvis i ditt.

Slik finner du temainnstillinger

1. Logg inn på Shoporama-administrasjonen.
2. Klikk på Butikk i menyen til venstre, og utvid Design.
3. Klikk på «Temainnstillinger».

Under «Design» finner du også de nærmeste alternativene: «Tema» (der du velger hvilket tema butikken skal bruke), «Tekster», «Stylesheet», «Logo og vilkår» og «Sidedesigner». Mer om forskjellen lenger ned.

Viktig: ikke alle temaer har temainnstillinger

Dette er den vanligste kilden til forvirring, så la oss gjøre det helt klart: temainnstillinger finnes bare i temaer som er laget for å ha dem.

Shoporamas egne temaer har vanligvis mange innstillinger, fra en håndfull seksjoner til flere hundre felt. Men hvis du får laget et skreddersydd tema hos en temautvikler eller et byrå, følger ikke temainnstillingene automatisk med. De må bygges inn i temaet av den som har laget det, og hvis de ikke er bygget inn, er siden tom.

Hvis siden din er tom, eller hvis du mangler et bestemt felt, er svaret derfor nesten alltid: kontakt utvikleren eller byrået som har laget temaet ditt, og be dem legge inn innstillingen. Det er en liten oppgave for noen som kjenner temaet, og du slipper å bestille en endring hver gang du vil justere en farge eller en tekst. Hvis du vil se hvilke temaer Shoporama selv tilbyr, kan du lese oversikten over temaer på Shoporama.

Slik er siden bygget opp

Alle innstillinger er samlet i seksjoner, det vil si en overskrift med relaterte felt under seg, for eksempel «Generelt», «Bedrift», «Tema og farger» eller «Produktside». Hvilken visning du får, avhenger av temaet ditt:

• Harmonika-visning: seksjonene foldes ut og inn når du klikker på dem. Øverst finnes et søkefelt, «Søk i innstillinger...», som søker i både seksjonsnavn, beskrivelser og feltnavn, bretter ut de relevante seksjonene og markerer det den finner. Nettleseren husker hvilke seksjoner du hadde åpne sist.
• Kortvisning: hver seksjon vises som et kort under hverandre, og på høyre side står en snarveisliste under overskriften «Oversikt», slik at du kan hoppe direkte til en seksjon.

Felttypene du møter

Temautvikleren bestemmer for hvert felt hvilken type det er, og typen avgjør hvordan feltet ser ut for deg:

• Tekstfelt: én enkelt linje for korte verdier, fra «Gratis frakt over 499 kr.» til en Facebook-lenke eller en kommaseparert liste som dankort, visa, mobilepay.
• Tekstboks: et større felt over flere linjer for lengre, ren tekst.
• Rik tekst: et felt med redigeringsverktøy der du kan lage fet skrift, lenker og punktlister.
• Farge: en fargeprøve du klikker på, med et lite felt ved siden av der heksakoden står (for eksempel #2563eb). De to feltene henger sammen, så du kan enten peke på fargen eller skrive inn koden.
• På/av: en avkryssingsboks. Sett en hake for å slå funksjonen på, fjern haken for å slå den av.
• Nedtrekksmeny: en liste med faste valgmuligheter som temaet har definert.
• Bilde: et opplastingsfelt, for eksempel for et bilde som skal deles på sosiale medier.

Hvis det står «Ukjent type» ved siden av et felt i stedet for et inndatafelt, er dette ikke noe du kan rette. Det betyr at temaet ber om en felttype som siden ikke støtter. Gi dette videre til temautvikleren din.

Slik lagrer du endringene dine

Nederst på siden er det én knapp som følger med når du blar: Lagre og fortsett å redigere. Når du trykker på den:

• lagres alle feltene på siden på en gang, også de i seksjoner du ikke har åpnet;
• tømmes nettbutikkens cache automatisk, slik at endringene gjelder i nettbutikken;
• blir du værende på Temainnstillinger, slik at du kan fortsette å jobbe.

Hvis du ikke ser endringen umiddelbart i nettbutikken, må du foreta en hard oppdatering i nettleseren (Cmd+Shift+R på Mac, Ctrl+F5 på Windows). Din egen nettleser lagrer nemlig også en kopi av siden.

Ved fargefelt kan det stå et lite sirkelpilikon til høyre for feltnavnet. Hvis du holder musen over det, vises temaets standardfarge, for eksempel #111827, og et klikk tilbakestiller feltet til den verdien. Husk å trykke på Lagre etterpå.

Hvis temaet har et bildefelt, ser du et opplastingsfelt. Når bildet er lastet opp og lagret, vises det som et miniatyrbilde med avkryssingsruten «Slett bilde?» under. Hvis du vil bytte bildet, setter du kryss der, trykker på «Lagre» og fortsetter å redigere, så kommer opplastingsfeltet tilbake.

Fargepaletter: endre hele paletten på én gang

Noen temaer leveres med ferdige fargepaletter. Hvis temaet ditt har det, dukker det opp et ekstra menyvalg under Design: Fargeskjemaer. Hvis temaet ditt ikke har fargeskjemaer, finnes ikke dette menyvalget i det hele tatt.

Hvis du velger et fargeskjema, legges fargene direkte inn i de samme fargefelt som finnes under Temainnstillinger. Dette er altså en snarvei til å angi mange farger på én gang, og du kan finjustere etterpå. Hvis du senere velger et annet fargevalg, overskrives de manuelle justeringene på nytt.

Hva skjer hvis du bytter tema?

Temainnstillinger er temaspesifikke. Hvert tema definerer sine egne feltnavn, og verdiene lagres i nettbutikken din under nettopp disse navnene. Hvis du bytter tema, betyr det i praksis:

• Det nye temaet viser sine egne felt. De gamle verdiene dine overføres ikke, og du må regne med å måtte sette opp alt på nytt.
• De gamle verdiene blir ikke slettet. Hvis du bytter tilbake til det forrige temaet, vil innstillingene fortsatt være der.
• Logo, favicon, salgsbetingelser, menyer og produktdata ligger utenfor temainnstillingene og påvirkes ikke av et temaskift.

Planlegg derfor et temaskift som en liten oppgave og ikke som et enkelt klikk. Ta gjerne et skjermbilde av de viktigste seksjonene dine først, slik at du raskt kan gjenskape tekstene i det nye temaet.

Hva hører ikke hjemme under temainnstillinger

Mange leter på feil sted. Her er en kort sjekkliste:

• Faste tekster i nettbutikken som «Legg i handlekurven» og «Gå til kassen» redigerer du under Design, Tekster. Se Oversett og tilpass tekster i nettbutikken din.
• Logo, favicon og salgsbetingelser angir du under Design, Logo og betingelser.
• Egen CSS, altså finjustering av designet utover det temaet tilbyr, gjør du under Design, Stylesheet. Se Eget stylesheet (Custom CSS).
• Innhold på forsiden og landingssider, som bannere og produktrekker, bygger du i Sidedesigneren.
• Sporingskoder for Google Analytics, Meta og lignende legger du inn under Konto, Nettbutikk, Sporing.

Gode råd som gir resultater på bunnlinjen

Hver endring du selv kan gjøre her, er en endring du verken trenger å betale en utvikler for eller vente på. Der det vanligvis gir mest:

• Meldingen i toppmenyen er butikkens mest synlige plass. Bruk den aktivt til grenser for gratis frakt, kampanjer og siste bestillingsdag før jul, i stedet for å la den stå med samme tekst hele året.
• USP-tekstene øverst på siden gir billig tillit. Skriv konkret («Levering 1–3 virkedager») i stedet for vagt («Rask levering»).
• Leveringstider og ikonene for betaling og frakt må stemme overens med virkeligheten i kassen. Feilaktige tider fører til supporthenvendelser, og ikoner som ikke stemmer, koster konverteringer.
• Endre én ting om gangen når du justerer farger, slik at du vet hva som fungerte.

Til deg som er teknisk anlagt

Skjemaet genereres direkte fra filen theme_settings.json i temamappen. Hvis filen ikke finnes, er det ingen innstillinger å vise. Filen inneholder en innstillingsmatrise med seksjoner. Både seksjoner og felt har path, name og en valgfri description, og feltene har i tillegg en type:

{
  "accordion": true,
  "settings": [
    {
      "path": "topbar",
      "name": "Topbar-melding",
      "description": "Vis en melding øverst på siden",
      "fields": [
        { "path": "enabled", "name": "Aktiver", "type": "bool" },
        { "path": "text", "name": "Tekst", "type": "string" },
        { "path": "bg", "name": "Bakgrunnsfarge", "type": "color", "default_value": "#111827" }
      ]
    }
  ]
}

• Støttede typeverdier: string, text, wysiwyg, color, bool, list, image. Andre verdier, for eksempel number og textarea, vises som «Ukjent type». Bruk string til korte verdier, også tall, og wysiwyg til rik tekst.
• Verdiene er tilgjengelige i temaets maler som $settings.seksjon.felt, altså seksjonens sti etterfulgt av feltets sti.
• En standardverdi fyller kun ut feltet i administrasjonsgrensesnittet. Verdien vises først i butikken når du har trykket på «Lagre», så malen må selv håndtere at verdien kan mangle.
• default_value på et fargefelt styrer nullstillingsikonet. Et listefelt må ha en values-array med objekter som har value og name.
• Hvis du setter «accordion» til «true», brukes harmonikavisningen. Ellers brukes kortvisningen.
• Uavhengig av dette: hvis det finnes en color_scheme.json med en «schemes»-liste i temaets rotkatalog, legges menypunktet «Fargeskjemaer» automatisk til under «Design».
• Verdiene lagres per nettbutikk og per feltnavn, ikke per tema. Hvis to temaer bruker samme seksjons- og feltnavn, deler de verdien.
• Temainnstillinger kan også leses og angis via Shoporamas REST API, noe som er praktisk hvis den samme konfigurasjonen skal rulles ut på flere nettbutikker.

Ofte stilte spørsmål

Jeg finner ikke «Temainnstillinger», eller siden er helt tom. Hva skal jeg gjøre?

Siden finnes under Design, Temainnstillinger. Hvis den er tom, har temaet ditt ingen innebygde innstillinger, og det er helt normalt for skreddersydde temaer. Kontakt utvikleren eller byrået som har laget temaet, og be dem legge ut de ønskede feltene. Shoporama kan ikke legge til felter i et tema vi ikke har laget selv.

Jeg har nettopp fått laget mitt eget tema. Hvorfor har jeg ikke de samme innstillingene som Shoporamas temaer?

Fordi innstillingene er en del av selve temaet og ikke en funksjon som alle temaer får automatisk. Shoporamas egne temaer er bygget med mange innstillinger. Et skreddersydd tema har nøyaktig de innstillingene utvikleren din har valgt å bygge inn – verken flere eller færre. Avtal gjerne dette med utvikleren allerede når temaet bestilles.

Hvordan vet jeg om endringen min har trådt i kraft i nettbutikken?

Trykk på «Lagre» og fortsett å redigere, åpne deretter butikken i en ny fane og utfør en hard oppfriskning (Cmd+Shift+R på Mac, Ctrl+F5 på Windows). Shoporama tømmer selv nettbutikkens cache når du lagrer, så hvis du fortsatt ser den gamle versjonen, er det som regel nettleseren din som holder fast i den gamle versjonen.

Kan jeg endre knappetekster som «Legg i handlekurven» herfra?

Nei. Faste tekster i butikken redigerer du under Design, Tekster. Temainnstillinger brukes til verdiene som temaet selv har lagt ut, for eksempel din egen kampanjetekst øverst på siden eller dine USP-tekster.

Jeg har flere nettbutikker med samme tema. Kan jeg kopiere innstillingene fra den ene til den andre?

Det finnes ingen kopieringsknapp på siden, og innstillingene lagres per nettbutikk, så du må konfigurere dem i hver enkelt butikk. Hvis du har mange butikker eller mange felt, kan en utvikler lese og angi temainnstillinger via Shoporamas REST API, slik at konfigurasjonen kan rulles ut automatisk.

Mister jeg innstillingene mine hvis jeg prøver et annet tema og ombestemmer meg?

Nei. Innstillingene slettes ikke når du bytter tema. Det nye temaet viser bare sine egne felt, og de starter tomme. Hvis du bytter tilbake, vil de gamle verdiene fortsatt være der. Vær imidlertid oppmerksom på at nettbutikken endrer utseende umiddelbart, så velg helst et tidspunkt med få besøkende.

Det står «Ukjent type» ved siden av et av feltene mine. Er det noe som ikke fungerer?

Nettbutikken har ikke feil, men feltet kan ikke redigeres. Det betyr at temaet krever en felttype som siden ikke støtter. Send meldingen videre til temautvikleren din, så kan de rette felttypen i temaet.

Vi har byttet fraktleverandør. Hvor endrer jeg ikonene i bunnteksten?

Hvis temaet ditt har et felt for dette, ligger det vanligvis i den første seksjonen under Temainnstillinger som en kommaseparert liste, for eksempel postnord,gls,dao. Hjelpeteksten til feltet forteller nøyaktig hvilke verdier temaet kjenner til. Hvis feltet ikke finnes, styres ikonene fast i temaet, og da må temautvikleren din ta seg av det.