Temainnstillinger
Du kan bruke temainnstillingene til å gjøre endringer i nettbutikkens typografi, farger, koblinger til sosiale medier og handlekurvside. Når du gjør endringer i temainnstillingene, gjelder endringene for hele nettbutikken.
På denne siden
Logo
Du kan legge til en logo for virksomheten i nettbutikken. Logoen vises på følgende steder:
- overskriften på tvers av alle sider
- passordsiden
Tilpass logoen
Logobilder har en maksimumsbredde på 300 piksler.
Steg:
Legg til et favorittikon
Du kan legge til et favorittikon, eller favicon, som brukes til merkevarebygging for nettbutikken. Et favicon vises på følgende steder:
- fanen din i nettlesere
- loggoppføringene dine i nettlesere
- ikoner på skrivebordet
- ved siden av nettbutikkens navn når nettstedet bokmerkes
Finn ut mer om favorittikoner.
Steg:
Farger
Du kan opprette og tilpass inntil 21 unike fargeoppsett, og bruke dem i ulike seksjoner i nettbutikken. Finn ut mer om fargealternativer, fargeoppsett og fargeoverganger.
Steg:
Typografi
Du kan angi skriftstil og størrelse for teksten i nettbutikken. Du kan velge en systemskrift eller en egendefinert skrifttype.
Du bør vurdere å bruke systemskrifttyper i butikken, fordi systemskrifttyper allerede er installert på brukerens datamaskin. Ved å bruke systemskrifttyper unngår du nedlasting av nye skrifttyper til kundens datamaskin, da dette kan påvirke butikkens innlastingshastighet negativt. Skrifttypen som vises på kundens datamaskin er avhengig av operativsystemet deres.
Tilpass skrifttyper
Se Shopifys skriftbibliotek for en liste over tilgjengelige skrifttyper.
Trinn:
Tilpass skriftstørrelsene dine
Du kan angi standard skriftstørrelser for overskrifter og brødtekst med temainnstillingen Typografi.
Minste skriftstørrelse er 100 %, og maksimale skriftstørrelse er 150 %. Hver økning i skalaen øker skriftstørrelsen med 5 %. Standardinnstillingen er 100 %.
Steg:
Oppsett
Du kan angi den maksimale bredden nettbutikken vises i, og angi vannrett og loddrett plass mellom seksjoner.
Steg:
Animasjoner
Med animasjoner kan du tilføre bevegelse og visuell spenning i nettbutikken. Du kan aktivere en animasjon som kommer til syne og viser butikkseksjoner når man blar, og en effekt når musepekeren holdes over kort og knapper.
Steg:
Kanter og skygger
Du kan justere kantlinjer og skygger for enkelte typer interaktivt innhold, som skuffer, knapper, variantknapper eller registrering av produktantall.
Tilpasningsbare alternativer for rammer er:
- Tykkelse, som endrer omrisset for elementet.
- Gjennomsiktighet, som angir synligheten for elementets omriss.
- Hjørneradius, som avrunder hjørnene for elementet.
Tilpasningsbare alternativer for skygger er:
- Gjennomsiktighet, som endrer synligheten for elementets skygge. En gjennomsiktighetsverdi på 0 % fjerner skyggen helt.
- Glidebrytere for vannrett og loddrett forskyvning flytter plasseringen av skyggen rundt elementet.
- Glidebryteren for uskarphet endrer gjennomsiktigheten på elementets skygge.
Knapper
Du kan tilpasse innstillingene for handlingsknapper i nettbutikken ved å legge til skygger, endre mellomrom eller gjennomsiktighet, eller endre formen på knappene.
Steg:
Variantpiller
Med variantknapper kan du vise varianter av et produkt på en produktside eller i en seksjon for fremhevede produkter. Kundene kan velge ønsket variant for å legge produktet i handlekurven, uten å måtte endre produktsider. Du kan tilpasse hvordan variantknappene vises i nettbutikken.
Steg:
Inputs
Registreringsfelter er interaktive områder som krever data fra brukeren, for eksempel en antallsvelger, et registreringsskjema for e-post eller handlekurvnotater. Du kan justere utseendet på registreringsfelter i nettbutikken.
Steg:
Kort
Ved hjelp av innstillinger for produktkort, samlingskort og bloggkort kan du tilpasse stilen på hver korttype når de vises i sideseksjoner. Du kan endre farge, justering, bildemarg, omriss og skygge på disse tre typene med seksjonskort.
Steg:
Innholdsbeholdere
Beholdere brukes til tekstelementet i innholdsseksjoner, for eksempel tekstboksen i en lysbildefremvisning, på et bildebanner eller i kolonner i multikolonneseksjoner. Du kan tilpasse utseendet på innholdsbeholderne i nettbutikken.
Steg:
Medier
Medier er den visuelle delen av seksjoner, for eksempel produktmedier eller et bilde i seksjonen Bilde med tekst. Du kan legge til kantlinjer og skygger på medier.
Steg:
Rullegardinmenyer og popup-vinduer
Du kan justere utseendet på rullegardinmenyer i navigasjonen, popup-modalbokser og popup-vinduer i handlekurven i nettbutikken.
Steg:
Skuffer
Skuffer er skjulte, interaktive beholdere som vises når man trykker eller klikker på dem, som for eksempel en sammenleggbar navigasjonsmeny eller filtreringsalternativer for en samling. Du kan tilpasse kant og skygge på skuffene i nettbutikken.
Steg:
Merker
Merkene Salg og Utsolgt legges automatisk til på produktbildene når du reduserer prisen eller når lagerbeholdningen når null. Du kan justere plassering, form og farge på merkene Salg og Utsolgt.
Merkene Side og Blogg vises i relevante søkeresultater. Du kan tilpasse plassering og formen på disse merkene, men du kan ikke endre farge på merkene Side og Blogg.
Steg:
Merkevareinformasjon
Du kan legge inn informasjon om merkevaren din i nettbutikken. Når du har fullført følgende trinn, kan du legge til blokken Merkevareinformasjon i bunnteksten i nettbutikken.
Steg:
Sosiale medier
Du kan legge til koblinger til kontoer i sosiale medier, som vises i bunnteksten i nettbutikken.
Steg:
Søkeadferd
Nettbutikken inkluderer prediktivt søk, som viser forslag når kundene begynner å skrive i søkefeltet. Søkeforslag kan gjøre det enklere for kundene å utforme og finpusse søkene sine, og gi dem nye måter å utforske nettbutikken på. Søkeforslag gjør det også mulig for kundene å bla raskt gjennom treff, uten at de må forlate den gjeldende siden for å se en separat liste med søkeresultater.
For å finne ut mer om hvordan søkeforslag fungerer, kan du se Prediktivt søk.
Du kan tilpasse hvordan søkeforslag vises til kundene.
Steg:
Valutaformat
Du kan velge at valutakoden vises sammen med produktenes priser.
Steg:
Handlekurv
Du kan endre handlekurvstilen i nettbutikken. Når en kunde legger et produkt fra butikken i handlekurven, kan handlekurven vises som en skuff, en side eller et popup-varsel. For å beholde kunden på produktsiden kan du bruke alternativet for skuff eller popup-varsel. Bruk alternativet for side for å sende kunden til handlekurvsiden. Du kan vise en fremhevet samling i handlekurvskuffen når kundens handlekurv er tom.
Steg:
Egendefinert CSS
I seksjonen Egendefinert CSS kan du legge til din egen CSS-kode, for eksempel for å tilpasse utseendet på nettbutikkens knapper ut over de tilgjengelige standardinnstillingene, eller for å legge til unike stiler på bestemte tekstelementer.
Egendefinert CSS i temainnstillingene påvirker alle sider i nettbutikken, bortsett fra kassen.
Finn ut mer om å legge til egendefinert CSS i temaet.
Temastil
En temastil er en samling av innstillinger valgt av en temadesigner. Du kan legge til en temastil i butikken din for å gi den et mer polert utseende og følelse. Alle temaene har en temastil som brukes som standard. Hvilke andre alternativer du har for temastil avhenger av temaet du bruker.
Når du tilpasser et tema, erstatter du temaets stilinnstillinger med dine egne. Når du legger til en temastil i temaet ditt, kan du endre gjeldende innstillinger, som farger og typografi.
Steg:
Ange endringer og utfør på nytt
Angre-knappen reverserer den siste endringen, mens Gjør om-knappen implementerer en endring du først angret. Hvis du klikker på Angre-knappen mer enn én gang angres flere endringer, én endring av gangen. Knappene Angre og Gjør om er plassert i verktøyslinjen for temaredigeringsprogrammet.
Klikk på Angre-knappen for å tilbakestille endringer du har gjort i temaet, inkludert følgende eksempler:
- legge til, endre rekkefølge på og slette seksjoner
- legge til farger, skrifttyper og andre temainnstillinger
- tilbakestille en temastil