Hjelp
Logg på

Tilpasse temainnstillinger

Du kan tilpasse overordnede innstillinger for nettbutikken, som typografi, farger, koblinger til sosiale medier og handlekurvsiden, fra delen Temainnstillinger i sidefeltmenyen i temaredigeringsprogrammet. Endringer du gjør i delen Temainnstillinger gjelder for hele nettbutikken.

Seksjoner og blokker har også individuelle innstillinger som du kan justere for å tilpasse individuelle seksjoner av temaet. Finn ut mer om seksjoner og blokker.

På denne siden

Du kan legge til en logo for bedriften i nettbutikken. Logoen vises på følgende steder:

  • i toppteksten på alle sider
  • på passordsiden

Tilpass logoen

Logobilder har en maksimal bredde på 300 piksler.

Trinn:

Datamaskin

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Finn temaet du vil redigere, og klikk deretter på Rediger tema.

  3. Klikk på Temainnstillinger-ikonet innstillinger.

  4. Klikk på Logo.

  5. I Logo-området kan du legge til ditt eget bilde eller bruke et gratisbilde:

    • For å legge til bildet ditt, klikker du på Velg bilde, og legg deretter til et nytt eller eksisterende bilde:
      • For å bruke et bilde du allerede har lastet opp til Shopify-administrator, velger du bildet og klikker deretter på Ferdig.
      • For å bruke et bilde fra den lokale datamaskinen, klikker du på Legg til bilder. Velg og legg til et bilde, og klikk deretter på Ferdig.
    • For å bruke et gratisbilde klikker du på Utforsk gratisbilder. Finn et bilde, klikk på det for å velge det, og klikk deretter på Velg.

  6. Valgfritt: Legg til alt. tekst i logobildet:

    1. I Logo-området klikker du på Rediger.
    2. I Alt. tekst-feltet angir du en kort beskrivelse av bildet.
    3. Klikk på Lagre.

  7. Valgfritt: I området Logobredde for datamaskin kan du bruke skyveknappen til å justere logobredden i piksler.

  8. Klikk på Lagre.

Mobil

  1. Fra Shopify-appen trykker du på Meny-ikonet.

  2. I Salgskanaler-delen trykker du på Nettbutikk.

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere, og trykk deretter på Rediger tema.

  5. Trykk på … eller ⋮, og trykk deretter på Temainnstillinger.

  6. Trykk på Logo.

  7. I Logo-området kan du legge til ditt eget bilde eller bruke et gratisbilde:

    • For å legge til bildet, trykker du på Velg bilde, og legg deretter til et nytt eller eksisterende bilde:
      • For å bruke et bilde du allerede har lastet opp til Shopify-administrator, velger du bildet og trykker deretter på Ferdig.
      • For å bruke et bilde fra den lokale enheten, trykker du på Legg til bilder. Velg og legg til et bilde fra den lokale enheten, trykk på bildet for å velge det, og trykk deretter på Ferdig.
    • For å bruke et gratisbilde trykker du på Utforsk gratisbilder. Finn et bilde, trykk på det for å velge det, og trykk deretter på Ferdig.

  8. Valgfritt: Legg til alt. tekst i logobildet:

    1. I Logo-området trykker du på Rediger.
    2. I Alt. tekst-feltet angir du en kort beskrivelse av bildet.
    3. Trykk på Lagre eller ✓.

  9. Valgfritt: I området Logobredde for datamaskin kan du bruke skyveknappen til å justere logobredden i piksler.

  10. Trykk på Lagre eller ✓.

Legg til et favorittikon

Du kan legge til et favorittikon, eller favicon, som du kan bruke til merkevarebyggingen av nettbutikken. Et favorittikon vises på følgende steder:

  • i nettleserfanen
  • i nettleserloggen
  • ikoner på skrivebordet
  • ved siden av nettbutikknavnet når nettstedet bokmerkes

Les mer om favorittikoner.

Trinn:

Datamaskin

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Finn temaet du vil legge til et favorittikon for, og klikk deretter på Rediger tema.

  3. Klikk på Temainnstillinger-ikonet innstillinger.

  4. Avhengig av temaversjonen, klikk på Logo eller Favorittikon.

  5. I seksjonen Favorittikonbilde, klikk på Velg bilde, og legg deretter til et nytt eller eksisterende bilde:

    • For å velge et bilde du allerede har lastet opp til Shopify-administrator, kan du søke etter eller finne bildet og deretter velge det med avmerkingsboksen.
    • For å velge et bilde fra den lokale datamaskinen, klikk på Legg til bilder, åpne bildet, og velg det deretter med avmerkingsboksen.

  6. Klikk på Ferdig.

  7. Valgfritt: Legg til alt. tekst for favorittikonbildet:

    1. Klikk på Rediger i seksjonen Favorittikonbilde.
    2. I Alt. tekst-feltet angir du en kort beskrivelse av bildet.
    3. Klikk på Lagre.

  8. Klikk på Lagre.

Mobil

  1. Fra Shopify-appen trykker du på Meny-ikonet.

  2. I Salgskanaler-delen trykker du på Nettbutikk.

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil legge til et favorittikon for, og trykk deretter på Rediger tema.

  5. Trykk på … eller ⋮, og trykk deretter på Temainnstillinger.

  6. Avhengig av temaversjonen, trykk på Logo eller Favorittikon.

  7. I seksjonen Favorittikonbilde, trykk på Velg bilde, og legg deretter til et nytt eller eksisterende bilde:

    • For å velge et bilde du allerede har lastet opp til Shopify-administrator, kan du søke etter eller finne bildet og deretter velge det med avmerkingsboksen.
    • For å velge et bilde fra enheten din, trykk på Legg til bilder, åpne bildet og velg det deretter med avmerkingsboksen.

  8. Trykk på Ferdig.

  9. Legg til alt. tekst for favorittikonbildet:

    1. Trykk på Rediger i seksjonen Favorittikonbilde.
    2. I Alt. tekst-feltet angir du en kort beskrivelse av bildet.
    3. Trykk på Lagre eller ✓.

  10. Trykk på Lagre eller ✓.

Farger

Du kan definere ulike fargeskjemaer i temainnstillingene og bruke fargeskjemaene på ulike seksjoner i hele nettbutikken med en fargeskjemavelger. Et fargeskjema er et sett med farger. Temaet ditt har et sett med standard fargeskjemaer som du kan endre når som helst i temaredigeringsprogrammet. Du kan legge til merkevarefargene dine for å sikre en enhetlig bruk av fargepaletten i hele nettbutikken.

Maler har ikke individuelle fargeinnstillinger, slik at butikkdesignet er konsekvent på hele nettstedet. En mal anses som en hovedside eller hovedinnholdet i en butikk. Å ha ulike fargeskjemaer i hele butikken kan gi en dårlig brukeropplevelse og føre til at kunder forlater butikken uten å kjøpe produkter.

Du kan opprette og tilpasse opptil 21 unike fargeskjemaer og bruke dem på ulike seksjoner i hele nettbutikken.

Fargeskjemaer

Fargeskjemaer er en temainnstilling som grupperer elementer og tilhørende farger på en visuelt representativ måte. Du kan tilordne ulike farger til forskjellige elementer i et enhetlig fargeskjema, som kan brukes i hele temaet der en fargeskjemavelger er tilgjengelig. Du kan ha opptil 21 fargeskjemaer. Du kan også forhåndsvise hvordan fargene dine vises i forhåndsvisningen av skjemaet.

Liste over ulike innstillinger du kan bruke for fargeskjemaer i temaredigeringsprogrammet.
InnstillingBeskrivelse
BakgrunnFargen brukes på bakgrunnen til enkelte seksjoner og på bakgrunnen til knapper med omriss.
BakgrunnsgradientEn fargegradient brukes på bakgrunnen til enkelte seksjoner. Bakgrunnsgradienter erstatter bakgrunnen der det er mulig.
TekstFargen brukes på teksten i seksjonen eller blokken.
Bakgrunn for heldekkende knappFargen brukes på bakgrunnen til primærknappen.
Etikett for heldekkende knappFargen brukes på teksten på primærknappen.
Knapp med omrissFargen brukes på teksten og kantlinjen på sekundærknappen.
SkyggeFargen brukes på skyggene.

Administrere fargeskjemaet

Butikkens fargeskjema og fargealternativer angis i temainnstillingene. For heldekkende farger kan du bruke fargevelgeren til å velge en ny farge, eller angi fargeverdien i tekstfeltet. Fargefeltet godtar følgende fargenavn og -verdier:

  • Fargenavn som red, black eller blue.
  • RGB-fargekoder.
  • Heksadesimale fargeverdier.

Trinn:

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Klikk på Rediger tema ved siden av temaet du vil tilpasse.

  3. Klikk på ikonet innstillinger, og klikk deretter på Farger.

  4. I seksjonen Skjemaer, klikk på et eksisterende skjema eller på Legg til skjema for å legge til et nytt fargeskjema.

  5. Klikk på fargekartet for innholdstypefargen du vil endre.

  6. For å angi fargen kan du enten skrive inn en heksadesimal fargekode eller velge fargen fra fargevelgeren. For å angi fargen som gjennomsiktig, slett heks-koden fra tekstfeltet.

  7. Klikk på Lagre.

Bruke fargeskjemaet

Når du har definert fargeskjemaet i temainnstillingene, kan du tilordne et fargeskjema ved hjelp av fargeskjemavelgeren i temaets seksjoner og blokker. Fargeskjemavelgeren er bare tilgjengelig i visse seksjoner, blokker og generelle temainnstillinger.

Fargeskjemavelger

Gradienter

Du kan konfigurere en fargegradient i noen temaer for visuelt interessante bakgrunnsalternativer. Innstillingen color_background brukes til å tilpasse CSS-bakgrunnsegenskapen.

Med gradientvelgeren kan du velge farger, gradientstil, vinkel, posisjon og opasitet for gradienten. Alternativene som velges i gradientvelgeren forhåndsvises i sanntid i temaredigeringsprogrammet. Du kan også opprette en gradientbakgrunn ved hjelp av CSS-kode, som inkluderer en valideringskontroll.

Konfigurere gradienter

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Klikk på Rediger tema ved siden av temaet du vil tilpasse.

  3. Klikk på ikonet innstillinger, og klikk deretter på Farger.

  4. I seksjonen Skjemaer klikker du på et eksisterende skjema du vil redigere.

  5. Klikk på fargekartalternativet for gradient, som for eksempel Bakgrunnsgradient.

  6. Hvis du ikke har konfigurert en fargeovergang tidligere, vises noen forhåndsinnstilte alternativer du kan velge fra. Velg en forhåndsinnstilt fargeovergang for å åpne alternativpanelet.

  7. Velg alternativer for fargeovergang:

  • Velg mellom en lineær eller radiell fargeovergang. Bruk knappene til å velge ønsket stil for fargeovergangen.
  • Angi vinkelen på fargeovergangen med pil opp og pil ned. Klikk på pil opp eller pil ned for å øke eller redusere vinkelprosenten med 5.
  • Bruk skyveknappen til å velge Posisjon for fargeovergangen, eller angi en numerisk verdi i feltet.
  • Angi en bestemt heksadesimal fargekode, eller bruk fargeskyveknappen til å velge en fargetone. Nylig valgte farger vises nederst i alternativpanelet for fargeoverganger.
  • For å justere gjennomsiktigheten for fargeovergangen, kan du bruke skyveknappen til høyre. Du kan også angi en prosentandel i feltet ved siden av den heksadesimale fargekoden.
  1. Klikk på Lagre.

Fargeovergangsvelger i temaredigeringsprogrammet

Bruk CSS til å angi fargeoverganger

De fleste CSS-egenskapsverdiene for background kan brukes til å angi en bakgrunnsfarge. Du kan bruke dette feltet for heldekkende farger (for eksempel vil #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) og hsla(0, 0%, 0%, 1) alle gi en heldekkende svart bakgrunn), eller for fargeoverganger (for eksempel linear-gradient(red, green), radial-gradient(red, green) eller conic-gradient(red, green)). Fargeoverganger kan også gjentas.

Trinn:

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Klikk på Rediger tema ved siden av temaet du vil tilpasse.

  3. Klikk på ikonet innstillinger, og klikk deretter på Farger.

  4. I seksjonen Skjemaer klikker du på et eksisterende skjema du vil redigere.

  5. Klikk på fargeovergangen du vil redigere.

  6. Klikk på pilen ved siden av Fargeovergang, og velg deretter CSS.

  7. Skriv eller lim inn fargeovergangskoden i feltet CSS-kode. Forhåndsvisningen i temaredigeringsprogrammet viser fargeovergangen på riktig sted.

  8. Klikk på Lagre.

Feltet CSS-kode for fargeovergang i temaredigeringsprogrammet

Fjern en fargeovergang

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Klikk på Rediger tema ved siden av temaet du vil tilpasse.

  3. Klikk på ikonet innstillinger, og klikk deretter på Farger.

  4. I seksjonen Skjemaer klikker du på et eksisterende skjema du vil redigere.

  5. Klikk på fargeovergangen du vil fjerne.

  6. Klikk på Fjern fargeovergang.

  7. Klikk på Lagre.

Typografi

Du kan angi skrifttypestil og -størrelse for teksten i nettbutikken. Du kan velge en systemskrifttype eller legge til en tilpasset skrifttype. Hvilke skrifttyper som er tilgjengelige i temaet, avhenger av temautvikleren. Alle gratis Shopify-temaer bruker skrifttyper fra Shopifys skriftbibliotek.

Vurder å bruke systemskrifttyper i butikken, fordi systemskrifttyper allerede er installert på en brukers datamaskin. Ved å bruke systemskrifttyper unngår du å laste ned nye skrifttyper til kundens datamaskin, noe som kan ha en negativ innvirkning på butikkens innlastingshastighet. Hvilken skrifttype som vises på kundens datamaskin avhenger av operativsystemet.

Tilpass skrifttyper

Se Shopifys skriftbibliotek for en liste over tilgjengelige skrifttyper.

Trinn:

Datamaskin

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Finn temaet du vil redigere, og klikk deretter på Rediger tema.

  3. Klikk på Temainnstillinger-ikonet innstillinger.

  4. Klikk på Typografi.

  5. For å endre en skrifttype for butikkens overskrifter eller brødtekst, klikker du på Endre i seksjonen Overskrifter eller Brødtekst.

  6. Klikk på navnet på skrifttypen du vil bruke, og klikk deretter på Velg.

  7. Klikk på Lagre.

Mobil

  1. Fra Shopify-appen trykker du på Meny-ikonet.

  2. I Salgskanaler-delen trykker du på Nettbutikk.

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere, og trykk deretter på Rediger tema.

  5. Trykk på … eller ⋮, og trykk deretter på Temainnstillinger.

  6. Trykk på Typografi.

  7. For å endre en skrifttype for butikkens overskrifter eller brødtekst, trykker du på Endre i seksjonen Overskrifter eller Brødtekst.

  8. Trykk på navnet på skrifttypen du vil bruke, og trykk deretter på Ferdig.

  9. Trykk på Lagre eller ✓.

Tilpass skriftstørrelser

Du kan angi standard skriftstørrelser for overskrifter og brødtekst med temainnstillingen Typografi.

Minste skriftstørrelse er 100 %, og største skriftstørrelse er 150 %. Hvert trinn på skalaen øker skriftstørrelsen med 5 %. Standardinnstillingen er 100 %.

Trinn:

Datamaskin

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Finn temaet du vil redigere, og klikk deretter på Rediger tema.

  3. Klikk på Temainnstillinger-ikonet innstillinger.

  4. Klikk på Typografi.

  5. For å endre standard skriftstørrelse for teksten Overskrifter, bruker du glidebryteren Skala for skriftstørrelse til å velge standard skriftstørrelse.

  6. For å endre standard skriftstørrelse for Brødtekst, bruker du glidebryteren Skala for skriftstørrelse til å velge standard skriftstørrelse.

  7. Klikk på Lagre.

Mobil

  1. Fra Shopify-appen trykker du på Meny-ikonet.

  2. I Salgskanaler-delen trykker du på Nettbutikk.

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere, og trykk deretter på Rediger tema.

  5. Trykk på … eller ⋮, og trykk deretter på Temainnstillinger.

  6. Trykk på Typografi.

  7. For å endre standard skriftstørrelse for teksten Overskrifter, bruker du glidebryteren Skala for skriftstørrelse til å velge standard skriftstørrelse.

  8. For å endre standard skriftstørrelse for Brødtekst, bruker du glidebryteren Skala for skriftstørrelse til å velge standard skriftstørrelse.

  9. Trykk på Lagre eller ✓.

Layout

Du kan angi den maksimale bredden som nettbutikken skal vises med, og angi vertikal og horisontal avstand mellom seksjoner.

Trinn:

Datamaskin

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Finn temaet du vil redigere, og klikk deretter på Rediger tema.

  3. Klikk på Temainnstillinger-ikonet innstillinger.

  4. Klikk på Layout.

  5. Bruk glidebryteren Sidebredde for å velge en sidebredde mellom 1000 px og 1600 px. Standardinnstillingen er 1600 px.

  6. Valgfritt: Bruk glidebryteren for å legge til vertikal Avstand mellom malseksjoner på sidene. Du kan legge til maksimalt 100 px mellom seksjoner.

  7. Valgfritt: Hvis du har en Rutenett-layout, kan du bruke glidebryterne Horisontal avstand og Vertikal avstand for å legge til avstand mellom rutenettinnhold på sidene. Horisontal avstand legger til maksimalt 40 px med avstand mellom innholdsradene, mens vertikal avstand legger til maksimalt 40 px med avstand mellom innholdskolonnene.

  8. Klikk på Lagre.

Mobil

  1. Fra Shopify-appen trykker du på Meny-ikonet.

  2. I Salgskanaler-delen trykker du på Nettbutikk.

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere, og trykk deretter på Rediger tema.

  5. Trykk på … eller ⋮, og trykk deretter på Temainnstillinger.

  6. Trykk på Layout.

  7. Bruk glidebryteren Sidebredde for å velge en sidebredde mellom 1000 px og 1600 px. Standardinnstillingen er 1600 px.

  8. Valgfritt: Bruk glidebryteren for å legge til vertikal Avstand mellom malseksjoner på sidene. Du kan legge til maksimalt 100 px mellom seksjoner.

  9. Valgfritt: Hvis du har en Rutenett-layout, kan du bruke glidebryterne Horisontal avstand og Vertikal avstand for å legge til avstand mellom rutenettinnhold på sidene. Horisontal avstand legger til maksimalt 40 px med avstand mellom innholdsradene, mens vertikal avstand legger til maksimalt 40 px med avstand mellom innholdskolonnene.

  10. Trykk på Lagre eller ✓.

Animasjoner

Animasjoner lar deg legge til bevegelse og visuell interesse i nettbutikken. Du kan aktivere en inntoningsanimasjon som avdekker butikkens seksjoner ved rulling, og en pekeeffekt for kort og knapper.

Trinn:

Datamaskin

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Finn temaet du vil redigere, og klikk deretter på Rediger tema.

  3. Klikk på Temainnstillinger-ikonet innstillinger.

  4. Klikk på Animasjoner.

  5. Valgfritt: For å aktivere en animasjon som avdekker nettbutikkens seksjoner ved rulling, velger du Avdekk seksjoner ved rulling.

  6. Valgfritt: For å legge til en pekeeffektanimasjon for kort og knapper, velger du ett av følgende alternativer fra innstillingen Pekeeffekt:

    • Vertikalt løft: Når en kunde peker på et kort eller en knapp, flyttes elementet oppover.
    • 3D-løft: Når en kunde peker på et kort eller en knapp, flyttes elementet fremover, noe som gir det en 3D-effekt. Dette har også en diskret glans som beveger seg over elementet, og gir det et ekstra lag med dimensjon.

  7. Klikk på Lagre.

Mobil

  1. Fra Shopify-appen trykker du på Meny-ikonet.

  2. I Salgskanaler-delen trykker du på Nettbutikk.

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere, og trykk deretter på Rediger tema.

  5. Trykk på … eller ⋮, og trykk deretter på Temainnstillinger.

  6. Trykk på Animasjoner.

  7. Valgfritt: For å aktivere en animasjon som avdekker nettbutikkens seksjoner ved rulling, velger du Avdekk seksjoner ved rulling.

  8. Valgfritt: For å legge til en pekeeffektanimasjon for kort og knapper, velger du ett av følgende alternativer fra innstillingen Pekeeffekt:

    • Vertikalt løft: Når en kunde peker på et kort eller en knapp, flyttes elementet oppover.
    • 3D-løft: Når en kunde peker på et kort eller en knapp, flyttes elementet fremover, noe som gir det en 3D-effekt. Dette har også en diskret glans som beveger seg over elementet, og gir det et ekstra lag med dimensjon.

  9. Trykk på Lagre eller ✓.

Tilpasningsinnstillinger for visuelle elementer

Du kan justere utseendet på elementer i temaet, som knapper, produktkort og varianter fra siden Temainnstillinger. Hvert alternativ inneholder de relevante innstillingene for det elementet.

Du kan justere innstillinger for følgende elementer i temaet:

  • Knapper: Knapper omfatter handlingsoppfordringsknapper i seksjoner som en lysbildefremvisning eller et bilde med tekst, samt knappene i et kontaktskjema, på produktsider og handlekurvsider.
  • Variantpiller: Variantpiller lar deg vise variantene til et produkt på en produktside eller i en seksjon med utvalgte produkter. Kunder kan velge ønsket variant for å legge produktet i handlekurven uten å måtte bytte produktside. Du kan tilpasse hvordan variantpillene dine vises i nettbutikken.
  • Inndatafelter: Inndatafelter er interaktive områder som krever inndata fra kunden, for eksempel en mengdevelger, et e-postregistreringsskjema eller handlekurvnotater. Du kan justere utseendet på inndatafeltene i nettbutikken din.
  • Innstillingene for produktkort, samlingskort og bloggkort lar deg tilpasse stilen for hver korttype når de vises i sideseksjoner.
    • Produktkort: Produktkort viser informasjon om produktene dine i områder av temaet som viser flere produkter, for eksempel samlingsmaler, samlingsseksjoner og søkeresultater.
    • Samlingskort: Samlingskort viser informasjon om samlingene dine i områder av temaet som viser samlinger, for eksempel en samlingslistemal eller -seksjon.
    • Bloggkort: Bloggkort viser informasjon om blogginnleggene dine i områder av temaet som viser flere produkter, som for eksempel bloggmaler, bloggseksjoner og søkeresultater.
  • Innholdsbeholdere: Beholdere brukes for tekstelementet i innholdsseksjoner, for eksempel tekstboksen i en lysbildefremvisning, på et bildebanner eller i kolonnene i seksjoner med flere kolonner. Du kan tilpasse utseendet på innholdsbeholderne i nettbutikken din.
  • Medier: Medier er den visuelle komponenten i seksjoner, for eksempel produktmedier eller et bilde i seksjonen Bilde med tekst. Du kan legge til kanter og skygger på mediene dine.
  • Rullegardiner og pop-uper: Du kan justere utseendet på rullegardinmenyer, pop-up-modaler og handlekurv-popuper i nettbutikken din.
  • Skuffer: Skuffer er skjulte, interaktive beholdere som vises når du trykker eller klikker på dem, som for eksempel sammenleggbare menyer eller alternativer for samlingsfilter. Du kan tilpasse kantene og skyggene til skuffene i nettbutikken din.
  • Badger: Salg- og Utsolgt-badger legges automatisk til på produktbildene dine når du reduserer prisen eller når varetellingen når 0. Du kan justere posisjonen, formen og fargen på Salg- og Utsolgt-badgene dine enkeltvis i temainnstillingene. Side- og Blogg-badger vises i relevante søkeresultater. Du kan tilpasse posisjonen og formen på disse badgene, men du kan ikke endre fargen på Side- og Blogg-badgene.
  • Merkevareinformasjon: Du kan inkludere informasjon om merkevaren din i nettbutikken din. Når du har fullført følgende trinn, kan du legge til blokken Merkevareinformasjon i bunnteksten i nettbutikken din.

Trinn:

Datamaskin

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Klikk på Rediger tema ved siden av temaet du vil redigere.

  3. Klikk på innstillinger-ikonet.

  4. Klikk på et element for å åpne innstillingene.

  5. Juster eventuelle tilgjengelige innstillinger. Du kan se gjennom endringene ved å navigere til ulike områder av temaet i forhåndsvisningsvinduet.

  6. Klikk på Lagre.

Mobil

  1. Fra Shopify-appen trykker du på Meny-ikonet.

  2. I Salgskanaler-delen trykker du på Nettbutikk.

  3. Trykk på Rediger tema ved siden av temaet du vil redigere.

  4. Trykk på innstillinger-ikonet.

  5. Trykk på et element for å åpne innstillingene.

  6. Juster eventuelle tilgjengelige innstillinger. Du kan se gjennom endringene ved å navigere til ulike områder av temaet i forhåndsvisningsvinduet.

  7. Trykk på Lagre eller ✓.

Sosiale medier

Du kan legge til koblinger til kontoene dine for sosiale medier, som vises i bunnteksten i nettbutikken din.

Trinn:

Datamaskin

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Finn temaet du vil redigere, og klikk deretter på Rediger tema.

  3. Klikk på Temainnstillinger-ikonet innstillinger.

  4. Klikk på Sosiale medier.

  5. For å legge til koblinger til kontoene dine for sosiale medier, angir du nettadressene til kontoene dine i de relevante feltene for Sosiale kontoer. Du må angi fulle koblinger, som https://instagram.com/shopify eller https://tiktok.com/@shopify.

  6. Klikk på Lagre.

Mobil

  1. Fra Shopify-appen trykker du på Meny-ikonet.

  2. I Salgskanaler-delen trykker du på Nettbutikk.

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere, og trykk deretter på Rediger tema.

  5. Trykk på … eller ⋮, og trykk deretter på Temainnstillinger.

  6. Trykk på Sosiale medier.

  7. For å legge til koblinger til kontoene dine for sosiale medier, angir du nettadressene til kontoene dine i de relevante feltene for Sosiale kontoer. Du må angi fulle koblinger, som https://instagram.com/shopify eller https://tiktok.com/@shopify.

  8. Trykk på Lagre eller ✓.

Søkeatferd

Nettbutikken din har prediktivt søk, som viser forslag når kundene begynner å skrive i søkefeltet. Søkeforslag kan hjelpe kundene med å formulere og finjustere søkene sine, og gi dem nye måter å utforske nettbutikken din på. Søkeforslag kan også la kundene raskt bla gjennom treff, uten å måtte forlate den gjeldende siden for å se en egen liste med søkeresultater.

Hvis du vil finne ut mer om hvordan søkeforslag fungerer, kan du se Prediktivt søk.

Du kan tilpasse hvordan søkeforslag vises for kundene dine.

Trinn:

Datamaskin

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Finn temaet du vil redigere, og klikk deretter på Rediger tema.

  3. Klikk på Temainnstillinger-ikonet innstillinger.

  4. Klikk på Søkeatferd.

  5. For å aktivere eller deaktivere søkeforslag, velger eller fjerner du avmerkingen for Aktiver søkeforslag.

  6. Valgfritt: Hvis du vil vise eller skjule produktselgeren i søkeforslag, velger eller fjerner du avmerkingen for Vis produktselger.

  7. Valgfritt: Hvis du vil vise eller skjule produktprisen i søkeforslag, velger eller fjerner du avmerkingen for Vis produktpris.

  8. Klikk på Lagre.

Mobil

  1. Fra Shopify-appen trykker du på Meny-ikonet.

  2. I Salgskanaler-delen trykker du på Nettbutikk.

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere, og trykk deretter på Rediger tema.

  5. Trykk på … eller ⋮, og trykk deretter på Temainnstillinger.

  6. Trykk på Søkeatferd.

  7. For å aktivere eller deaktivere søkeforslag, velger eller fjerner du avmerkingen for Aktiver søkeforslag.

  8. Valgfritt: Hvis du vil vise eller skjule produktselgeren i søkeforslag, velger eller fjerner du avmerkingen for Vis produktselger.

  9. Valgfritt: Hvis du vil vise eller skjule produktprisen i søkeforslag, velger eller fjerner du avmerkingen for Vis produktpris.

  10. Trykk på Lagre eller ✓.

Valutaformat

Du kan velge å få valutakoden vist sammen med prisene på produktene dine.

Trinn:

Datamaskin

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Finn temaet du vil redigere, og klikk deretter på Rediger tema.

  3. Klikk på Temainnstillinger-ikonet innstillinger.

  4. Klikk på Valutaformat.

  5. For å vise valutakoder, velger du Vis valutakoder.

  6. Klikk på Lagre.

Mobil

  1. Fra Shopify-appen trykker du på Meny-ikonet.

  2. I Salgskanaler-delen trykker du på Nettbutikk.

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere, og trykk deretter på Rediger tema.

  5. Trykk på … eller ⋮, og trykk deretter på Temainnstillinger.

  6. Trykk på Valutaformat.

  7. For å vise valutakoder, velger du Vis valutakoder.

  8. Trykk på Lagre eller ✓.

Handlekurv

Du kan endre stilen på handlekurven i nettbutikken. Når en kunde legger et produkt fra butikken i handlekurven sin, kan handlekurven vises som en skuff, en side eller et pop-up-varsel. For å beholde kunden på produktsiden kan du bruke alternativet for skuff eller pop-up-varsel. For å ta kunden til handlekurvsiden kan du bruke alternativet for side. Når kundens handlekurv er tom, kan du vise en utvalgt samling i handlekurvskuffen.

Trinn:

Datamaskin

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Finn temaet du vil redigere, og klikk deretter på Rediger tema.

  3. Klikk på Temainnstillinger-ikonet innstillinger.

  4. Klikk på Handlekurv.

  5. Bruk rullegardinmenyen Handlekurvtype for å velge handlekurvstilen Skuff, Side eller Pop-up-varsel.

  6. Valgfritt: Hvis du vil vise selgerne av varene i en kundes handlekurv, velger du Vis selger.

  7. Valgfritt: Hvis du vil gi kundene en tekstboks der de kan skrive inn spesielle forespørsler eller legge til ekstra bestillingsinformasjon, velger du Aktiver handlekurvnotat.

  8. Valgfritt: Hvis du velger Skuff som Handlekurvtype, kan du vise en samling i handlekurvskuffen når den er tom:

    1. I Handlekurvskuff-området klikker du på Velg samling.
    2. Klikk på navnet på samlingen du vil vise, og klikk deretter på Velg.

  9. Valgfritt: Hvis du velger Skuff som Handlekurvtype, kan du endre fargeskjemaet til handlekurvskuffen ved å følge disse trinnene:

    1. Klikk på Endre i området Handlekurvskuff > Fargeskjema.
    2. Velg et fargeskjema du vil bruke for handlekurvskuffen.

  10. Klikk på Lagre.

Mobil

  1. Fra Shopify-appen trykker du på Meny-ikonet.

  2. I Salgskanaler-delen trykker du på Nettbutikk.

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere, og trykk deretter på Rediger tema.

  5. Trykk på … eller ⋮, og trykk deretter på Temainnstillinger.

  6. Trykk på Handlekurv.

  7. Velg Handlekurvtype fra alternativene Skuff, Side eller Sprettoppvarsel.

  8. Valgfritt: Hvis du vil vise selgerne av varene i en kundes handlekurv, velger du Vis selger.

  9. Valgfritt: Hvis du vil gi kundene en tekstboks der de kan skrive inn spesielle forespørsler eller legge til ekstra bestillingsinformasjon, velger du Aktiver handlekurvnotat.

  10. Valgfritt: Hvis du velger Skuff som Handlekurvtype, kan du vise en samling i handlekurvskuffen når den er tom:

    1. Trykk på Velg samling i området Handlekurvskuff.
    2. Trykk på navnet på samlingen du vil vise, og trykk deretter på Ferdig.

  11. Valgfritt: Hvis du velger Skuff som Handlekurvtype, kan du endre fargeskjemaet til handlekurvskuffen ved å følge disse trinnene:

    1. Trykk på Endre i området Handlekurvskuff > Fargeskjema.
    2. Velg et fargeskjema du vil bruke for handlekurvskuffen, og trykk deretter på Ferdig.

  12. Trykk på Lagre eller ✓.

Egendefinert CSS

I seksjonen Egendefinert CSS kan du legge inn egen CSS-kode, for eksempel for å tilpasse utseendet på knappene i nettbutikken utover standardinnstillingene som er tilgjengelige, eller for å bruke unik stil på bestemte tekstelementer.

Egendefinert CSS i temainnstillingene påvirker alle sidene i nettbutikken, unntatt kassen.

Finn ut mer om å legge til egendefinert CSS i temaet.

Temastil

En temastil er en samling innstillinger valgt av en temadesigner. Du kan bruke en temastil på butikken for å gi den et polert utseende og følelse. Alle temaer har en temastil som er brukt som standard. De andre temastilalternativene du har avhenger av hvilket tema du bruker.

Når du tilpasser et tema, erstatter du temastilinnstillingene med dine egne. Når du bruker en temastil for temaet, endrer du de gjeldende innstillingene, som farger og typografi.

Trinn:

Datamaskin

  1. Fra Shopify-administrator går du til Nettbutikk > Temaer.

  2. Finn temaet du vil redigere, og klikk deretter på Rediger tema.

  3. Klikk på Temainnstillinger-ikonet innstillinger.

  4. Klikk på Temastil.

  5. Velg temastilen du vil bruke, og klikk deretter på Endre stil.

  6. Klikk på Lagre.

Mobil

  1. Fra Shopify-appen trykker du på Meny-ikonet.

  2. I Salgskanaler-delen trykker du på Nettbutikk.

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere, og trykk deretter på Rediger tema.

  5. Trykk på … eller ⋮, og trykk deretter på Temainnstillinger.

  6. Trykk på Temastil.

  7. Velg temastilen du vil bruke, og trykk deretter på Ferdig.

  8. Trykk på Lagre eller ✓.