Temainnstillinger

Du kan bruke «Tilpass temainnstillinger» i sidefeltmenyen i temaredigeringsprogrammet for å gjøre endringer i nettbutikkens typografi, farger, lenker til sosiale medier og handlekurvside. Endringer i temainnstillingene gjelder for hele nettbutikken din.

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

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.

Trinn:

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

  2. Finn temaet du vil redigere og klikk på Tilpass.

  3. Klikk på ikonet for Temainnstillinger innstillinger.

  4. Klikk på Logo.

  5. Legg til et bilde eller bruk et gratis bilde i området Logo:

    • For å legge til et bilde klikk du på Velg bilde og legg til et nytt eller eksisterende bilde:

      • Hvis du vil bruke et bilde du allerede har lastet opp til Shopify-administrator, velger du bildet, og klikker deretter på Ferdig.
      • Klikk på Legg til bilder for å bruke et bilde fra datamaskinen. Velg og legg til et bilde, og klikk deretter på Ferdig.
    • Klikk på Utforsk gratis bilder for å bruke et gratis bilde. Finn et bilde, klikk på bildet for å velge det og klikk deretter på Velg.

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

    1. Klikk på Rediger i området Logo.
    2. Skriv inn en kort beskrivelse av bildet i feltet Alt. tekst.
    3. Klikk på Lagre.
  7. Valgfritt: Bruk glidebryteren i området Logobredde på datamaskiner for å justere pikselbredden på logoen.

  8. Klikk på Lagre.

iPhone
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på , og trykk deretter på Temainnstillinger.

  6. Trykk på Logo.

  7. Legg til et bilde eller bruk et gratis bilde i området Logo:

    • For å legge til et bilde trykker du på Velg bilde og legger til et nytt eller eksisterende bilde:

      • Hvis du vil bruke et bilde du allerede har lastet opp til Shopify-administrator, velger du bildet, og trykker deretter på Ferdig.
      • Trykk på Legg til bilder for å bruke et bilde fra den lokale enheten. Velg og legg til et bilde fra den lokale enheten, trykk på bildet for å velge det og trykk på Ferdig.
    • Trykk på Utforsk gratis bilder for å bruke et gratis bilde. Finn et bilde, trykk på bildet for å velge det og trykk på Ferdig.

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

    1. Trykk på Rediger i området Logo.
    2. Skriv inn en kort beskrivelse av bildet i feltet Alt. tekst.
    3. Trykk på .
  9. Valgfritt: Bruk glidebryteren i området Logobredde på datamaskiner for å justere pikselbredden på logoen.

  10. Trykk på .

Android
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på og deretter på Temainnstillinger.

  6. Trykk på Logo.

  7. Legg til et bilde eller bruk et gratis bilde i området Logo:

    • For å legge til et bilde trykker du på Velg bilde og legger til et nytt eller eksisterende bilde:

      • Hvis du vil bruke et bilde du allerede har lastet opp til Shopify-administrator, velger du bildet, og trykker deretter på Ferdig.
      • Trykk på Legg til bilder for å bruke et bilde fra den lokale enheten. Velg og legg til et bilde fra den lokale enheten, trykk på bildet for å velge det og trykk på Ferdig.
    • Trykk på Utforsk gratis bilder for å bruke et gratis bilde. Finn et bilde, trykk på bildet for å velge det og trykk på Ferdig.

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

    1. Trykk på Rediger i området Logo.
    2. Skriv inn en kort beskrivelse av bildet i feltet Alt. tekst.
    3. Trykk på .
  9. Valgfritt: Bruk glidebryteren i området Logobredde på datamaskiner for å justere pikselbredden på logoen.

  10. Trykk på .

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.

Trinn:

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

  2. Finn temaet du ønsker å legge til et favorittikon for, og klikk på Tilpass.

  3. Klikk på ikonet for Temainnstillinger innstillinger.

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

  5. Klikk på Velg bilde i seksjonen Favorittikonbilde, og legg 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 din lokale datamaskin klikker du på Legg til bilder, åpner bildet fra den lokale datamaskinen og velger det deretter med avmerkingsboksen.
  6. Klikk på Ferdig.

  7. Valgfritt: Legg til alt. tekst for favorittikon-bildet:

    1. Klikk på Rediger i seksjonen Favorittikonbilde.
    2. Skriv inn en kort beskrivelse av bildet i feltet Alt. tekst.
    3. Klikk på Lagre.
  8. Klikk på Lagre.

iPhone
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

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

  5. Trykk på , og trykk deretter på Temainnstillinger.

  6. Klikk på Logo eller Fav. ikon avhengig av temaversjon.

  7. Trykk på Velg bilde i seksjonen Favorittikon-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 din lokale enhet, klikker du på Legg til bilder, åpner bildet fra din lokale enhet og velger det deretter med avmerkingsboksen.
  8. Trykk på Ferdig.

  9. Legg alternativ tekst til favorittikon-bildet:

    1. Trykk på Rediger i seksjonen Favorittikonbilde.
    2. Skriv inn en kort beskrivelse av bildet i feltet Alt. tekst.
    3. Trykk på .
  10. Trykk på .

Android
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

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

  5. Trykk på og deretter på Temainnstillinger.

  6. Klikk på Logo eller Fav. ikon avhengig av temaversjon.

  7. Trykk på Velg bilde i seksjonen Favorittikon-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 din lokale enhet, klikker du på Legg til bilder, åpner bildet fra din lokale enhet og velger det deretter med avmerkingsboksen.
  8. Trykk på Ferdig.

  9. Legg alternativ tekst til favorittikon-bildet:

    1. Trykk på Rediger i seksjonen Favorittikonbilde.
    2. Skriv inn en kort beskrivelse av bildet i feltet Alt. tekst.
    3. Trykk på .
  10. Trykk på .

Farger

Du kan definere ulike fargeoppsett i temainnstillingene og bruke fargeoppsett i ulike seksjoner i nettbutikken med en fargetemavelger. Et fargeoppsett er et sett med farger. Temaet har et sett med standardfargeoppsett, som du når som helst kan endre i temaredigeringsprogrammet. Du kan legge til merkevarefarger for å sikre konsekvent bruk av fargepaletten i hele nettbutikken.

Maler har ikke individuelle fargeinnstillinger, slik at utformingen av nettbutikken er konsekvent på tvers av nettstedet. En mal anses som hovedside eller hovedinnhold for en butikk. Hvis du har ulike fargeoppsett i butikken kan det føre til en dårligere brukeropplevelse, og det kan gjøre at kundene forlater butikken uten å kjøpe produkter.

Du kan opprette og tilpass inntil 21 unike fargeoppsett, og bruke dem i ulike seksjoner i nettbutikken.

Fargepaletter

Fargeoppsett er en temainnstilling som grupperer elementer og deres respektive farger på en visuelt representabel måte. Du kan tilordne ulike farger til ulike elementer i et enhetlig fargeoppsett som kan brukes på tvers av temaet der en fargetemavelger er tilgjengelig. Du kan ha opptil 21 fargevalg. Du kan også forhåndsvise hvordan fargene dine vises i forhåndsvisningen av skjemaet.

Liste over ulike innstillinger som kan brukes for fargetemaer i temaredigeringsprogrammet.
InnstillingBeskrivelse
BakgrunnFargen brukes i bakgrunnen av noen seksjoner, og på bakgrunnen til knapper med omriss.
Bakgrunn med fargeovergangEn fargeovergang brukes i bakgrunnen av noen seksjoner. Bakgrunnsoverganger erstatter bakgrunnen der det er mulig.
TekstFargen brukes på seksjons- eller blokktekst.
Fylt knappebakgrunnFargen brukes på bakgrunnen i primærknapper.
Fylt knappetikettFargen brukes på teksten i primærknapper.
Omriss rundt knappFargen brukes på tekst og ramme i sekundærknapper.
SkyggeFargen brukes på skygger.

Administrer fargepaletten

Butikkens fargeoppsett og fargealternativer angis i temainnstillingene. For helfarger 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å Tilpass ved siden av temaet du vil tilpasse.

  3. Klikk på ikonet for innstillinger og klikk på Farger.

  4. Klikk på et eksisterende oppsett i seksjonen Oppsett, eller klikk på Legg til oppsett for å legge til et nytt fargeoppsett.

  5. Klikk på fargeprøven for innholdstypefargen du ønsker å endre.

  6. For å angi farge må du oppgi en hexfargekode, eller velge fargen fra fargevelgeren. For å angi fargen til gjennomsiktig, må du slette hex-kodeverdien fra tekstfeltet.

  7. Klikk på Lagre.

Legge til fargevalget ditt

Når du har definert fargevalget i temainnstillingene, kan du tilordne et fargevalg med fargevelgeren i temaets seksjoner og blokker. Fargetemavelgeren er bare tilgjengelig i enkelte seksjoner, blokker og generelle temainnstillinger.

Fargetemavelger

Fargeoverganger

Du kan konfigurere en fargeovergang med farger i noen temaer for å skape visuelt interessante bakgrunner. Innstillingen color_background brukes til å tilpasse CSS-bakgrunnsegenskapen.

Fargeovergangvelgeren lar deg velge farger, overgangsstil, vinkel, posisjon og gjennomsiktighet for fargeovergangen. Alternativene som velges i fargeovergangvelgeren forhåndsvises i sanntid i temaredigeringsprogrammet. Du kan også opprette en fargeovergangsbakgrunn med CSS-kode, som inkluderer en valideringskontroll.

Konfigurere fargeoverganger

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

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

  3. Klikk på ikonet for innstillinger og klikk på Farger.

  4. Klikk på et eksisterende oppsett du vil redigere i seksjonen Oppsett.

  5. Klikk på alternativet for fargeoverganger, som Bakgrunnsovergang.

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

  7. Velg alternativer for fargeovergangen:

    • Velg mellom en lineær eller en radial fargeovergang. Bruk knappene til å velge foretrukken fargeovergangsstil.
    • Angi vinkelen på fargeovergangen med pil opp og ned. Klikk på pil opp eller pil ned for å øke eller redusere vinkelprosenten med 5.
    • Bruk glidebryteren for å velge Plassering av fargeovergangen, eller angi en numerisk verdi i feltet.
    • Angi en bestemt fargehexkode, eller bruk glidebryteren for å velge en nyanse. Nylig valgte farger vises nederst i panelet for fargeovergangsalternativer.
    • Hvis du vil gjøre fargeovergangen ugjennomsiktig, bruker du glidebryteren til høyre for å velge gjennomsiktighet på fargeovergangen. Du kan også angi en prosentverdi i feltet ved siden av hexfargekoden.
  8. Klikk på Lagre.

Fargeovergangsvelger i temaredigeringsprogrammet

Bruk CSS til å angi fargeoverganger

De fleste background-egenskapsverdier i CSS kan brukes for å angi en bakgrunnsfarge. Du kan bruke dette feltet til helfarger (for eksempel #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) og hsla(0, 0%, 0%, 1), som alle gir en helsort bakgrunn), eller til 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å Tilpass ved siden av temaet du vil tilpasse.

  3. Klikk på ikonet for innstillinger og klikk på Farger.

  4. Klikk på et eksisterende oppsett du vil redigere i seksjonen Oppsett.

  5. Klikk på fargeovergangen du vil redigere.

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

  7. I feltet CSS-kode skriver du inn eller limer inn fargeovergangskoden din. Forhåndsvisningen i temaredigeringsprogrammet viser fargeovergangen på riktig sted.

  8. Klikk på Lagre.

Felt for CSS-fargeovergangskode i temaredigeringsprogrammet

Fjern en fargeovergang

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

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

  3. Klikk på ikonet for innstillinger og klikk på Farger.

  4. Klikk på et eksisterende oppsett du vil redigere i seksjonen Oppsett.

  5. Klikk på fargeovergangen du vil fjerne.

  6. Klikk på Fjern fargeovergang.

  7. Klikk på Lagre.

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:

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

  2. Finn temaet du vil redigere og klikk på Tilpass.

  3. Klikk på ikonet for Temainnstillinger innstillinger.

  4. Klikk på Typografi.

  5. Klikk på Endre i seksjonen Overskrifter eller Brødtekst for å endre skrifttypen for overskrifter eller brødtekst i butikken.

  6. Klikk på navnet til skrifttypen du ønsker å bruke, og klikk deretter på Velg.

  7. Klikk på Lagre.

iPhone
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på , og trykk deretter på Temainnstillinger.

  6. Trykk på Typografi.

  7. Trykk på Endre i seksjonen Overskrifter eller Innhold for å endre skrifttypen for overskrifter eller innhold i butikken.

  8. Trykk på navnet til skrifttypen du ønsker å bruke, og trykk på Ferdig.

  9. Trykk på .

Android
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på og deretter på Temainnstillinger.

  6. Trykk på Typografi.

  7. Trykk på Endre i seksjonen Overskrifter eller Innhold for å endre skrifttypen for overskrifter eller innhold i butikken.

  8. Trykk på navnet til skrifttypen du ønsker å bruke, og trykk på Ferdig.

  9. Trykk på .

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 %.

Trinn:

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

  2. Finn temaet du vil redigere og klikk på Tilpass.

  3. Klikk på ikonet for Temainnstillinger innstillinger.

  4. Klikk på Typografi.

  5. Bruk glidebryteren Skala for tekststørrelse for å endre standard tekststørrelse for Overskrifter og velge standard tekststørrelse.

  6. Bruk glidebryteren Skala for tekststørrelse for å endre standard tekststørrelse for Brødtekst og velge standard tekststørrelse.

  7. Klikk på Lagre.

iPhone
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på , og trykk deretter på Temainnstillinger.

  6. Trykk på Typografi.

  7. Bruk glidebryteren Skala for tekststørrelse for å endre standard tekststørrelse for Overskrifter og velge standard tekststørrelse.

  8. Bruk glidebryteren Skala for tekststørrelse for å endre standard tekststørrelse for Brødtekst og velge standard tekststørrelse.

  9. Trykk på .

Android
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på og deretter på Temainnstillinger.

  6. Trykk på Typografi.

  7. Bruk glidebryteren Skala for tekststørrelse for å endre standard tekststørrelse for Overskrifter og velge standard tekststørrelse.

  8. Bruk glidebryteren Skala for tekststørrelse for å endre standard tekststørrelse for Brødtekst og velge standard tekststørrelse.

  9. Trykk på .

Oppsett

Du kan angi den maksimale bredden nettbutikken vises i, og angi vannrett og loddrett plass mellom seksjoner.

Trinn:

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

  2. Finn temaet du vil redigere og klikk på Tilpass.

  3. Klikk på ikonet for Temainnstillinger innstillinger.

  4. Klikk på Oppsett.

  5. Bruk glidebryteren Sidebredde til å velge en sidebredde mellom 1000 og 1600 piksler. Standardinnstillingen er 1600 piksler.

  6. Valgfritt: Bruk glidebryteren for å legge til loddrett mellomrom mellom malseksjoner på sidene. Du kan legge til opptil 100 piksler mellom seksjoner.

  7. Valgfritt: Hvis du bruker oppsettet Rutenett, kan du bruke glidebryterne Vannrett mellomrom og Loddrett mellomrom for å legge til mellomrom mellom innhold i rutenettet på sidene. Ved å legge til vannrett mellomrom tilføres maksimalt 40 pikslers mellomrom i radene med innhold, mens loddrett mellomrom legger til maksimalt 40 pikslers mellomrom i kolonnene med innhold.

  8. Klikk på Lagre.

iPhone
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på , og trykk deretter på Temainnstillinger.

  6. Trykk på Oppsett.

  7. Bruk glidebryteren Sidebredde til å velge en sidebredde mellom 1000 og 1600 piksler. Standardinnstillingen er 1600 piksler.

  8. Valgfritt: Bruk glidebryteren for å legge til loddrett mellomrom mellom malseksjoner på sidene. Du kan legge til opptil 100 piksler mellom seksjoner.

  9. Valgfritt: Hvis du bruker oppsettet Rutenett, kan du bruke glidebryterne Vannrett mellomrom og Loddrett mellomrom for å legge til mellomrom mellom innhold i rutenettet på sidene. Ved å legge til vannrett mellomrom tilføres maksimalt 40 pikslers mellomrom i radene med innhold, mens loddrett mellomrom legger til maksimalt 40 pikslers mellomrom i kolonnene med innhold.

  10. Trykk på Lagre.

Android
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på og deretter på Temainnstillinger.

  6. Trykk på Oppsett.

  7. Bruk glidebryteren Sidebredde til å velge en sidebredde mellom 1000 og 1600 piksler. Standardinnstillingen er 1600 piksler.

  8. Valgfritt: Bruk glidebryteren for å legge til loddrett mellomrom mellom malseksjoner på sidene. Du kan legge til opptil 100 piksler mellom seksjoner.

  9. Valgfritt: Hvis du bruker oppsettet Rutenett, kan du bruke glidebryterne Vannrett mellomrom og Loddrett mellomrom for å legge til mellomrom mellom innhold i rutenettet på sidene. Ved å legge til vannrett mellomrom tilføres maksimalt 40 pikslers mellomrom i radene med innhold, mens loddrett mellomrom legger til maksimalt 40 pikslers mellomrom i kolonnene med innhold.

  10. Trykk på .

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.

Trinn:

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

  2. Finn temaet du vil redigere og klikk på Tilpass.

  3. Klikk på ikonet for Temainnstillinger innstillinger.

  4. Klikk på Animasjoner.

  5. Valgfritt: Hvis du vil aktivere en animasjon som gjør at nettbutikkens seksjoner kommer til syne når man blar, velger du Vis seksjoner når man blar.

  6. Valgfritt: Velg et av følgende alternativer fra innstillingen Effekt når musepekeren holdes over for å legge til en animasjonseffekt når musepekeren holdes over kort og knapper:

    • vertikalt løft: Når en kunde holder musepekeren over et kort eller en knapp, flyttes elementet oppover.
    • 3D-løft: Når en kunde holder musepekeren over et kort eller en knapp, flyttes elementet fremover, som gir det en 3D-effekt. Dette har også en diskret skinnende effekt som flytter seg over elementet, slik at det får en ny dimensjon.
  7. Klikk på Lagre.

iPhone
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på , og trykk deretter på Temainnstillinger.

  6. Trykk på Animasjoner.

  7. Valgfritt: Hvis du vil aktivere en animasjon som gjør at nettbutikkens seksjoner kommer til syne når man blar, velger du Vis seksjoner når man blar.

  8. Valgfritt: Velg et av følgende alternativer fra innstillingen Effekt når musepekeren holdes over for å legge til en animasjonseffekt når musepekeren holdes over kort og knapper:

    • vertikalt løft: Når en kunde holder musepekeren over et kort eller en knapp, flyttes elementet oppover.
    • 3D-løft: Når en kunde holder musepekeren over et kort eller en knapp, flyttes elementet fremover, som gir det en 3D-effekt. Dette har også en diskret skinnende effekt som flytter seg over elementet, slik at det får en ny dimensjon.
  9. Trykk på Lagre.

Android
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på og deretter på Temainnstillinger.

  6. Trykk på Animasjoner.

  7. Valgfritt: Hvis du vil aktivere en animasjon som gjør at nettbutikkens seksjoner kommer til syne når man blar, velger du Vis seksjoner når man blar.

  8. Valgfritt: Velg et av følgende alternativer fra innstillingen Effekt når musepekeren holdes over for å legge til en animasjonseffekt når musepekeren holdes over kort og knapper:

    • vertikalt løft: Når en kunde holder musepekeren over et kort eller en knapp, flyttes elementet oppover.
    • 3D-løft: Når en kunde holder musepekeren over et kort eller en knapp, flyttes elementet fremover, som gir det en 3D-effekt. Dette har også en diskret skinnende effekt som flytter seg over elementet, slik at det får en ny dimensjon.
  9. Trykk på .

Innstillinger for tilpasning av visuelle elementer

Du kan justere utseendet til elementer i temaet ditt, for eksempel knapper, produktkort og varianter, fra Temainnstillinger-siden. Hvert alternativ inneholder de relevante innstillingene for det elementet.

Du kan justere innstillingene for følgende elementer i temaet ditt:

  • Knapper: Knapper inkluderer handlingsfremmende knapper i seksjoner som en lysbildefremvisning eller et bilde med tekst, samt knappene i et kontaktskjema, på produktsidene dine og handlekurvsider.

  • Variantknapper: Med variantknapper kan du vise varianter av et produkt på en produktside eller i en seksjon for fremhevede produkter. Kundene kan velge ønsket variant og legge produktet i handlekurven, uten å måtte endre produktsidene. Du kan tilpasse hvordan variantknappene vises i nettbutikken.

  • Inndata: Inndata er interaktive områder som krever data fra brukeren, for eksempel mengdevelger, registreringsskjema for e-post eller handlekurvnotater. Du kan justere utseendet på registreringsfelter i nettbutikken.

  • Ved hjelp av innstillinger for produktkort, samlingskort og bloggkort kan du tilpasse stilen på hver korttype når de vises i sideseksjoner. - Produktkort: Produktkort viser informasjon om produktene dine i områder av temaet ditt som viser flere produkter, for eksempel samlingsmaler, samlingsseksjoner og søkeresultater. - Samlingskort: Samlingskort viser informasjon om samlingene dine i områder av temaet ditt som viser samlinger, for eksempel en mal eller seksjon for samlingslister. - Bloggkort: Bloggkort viser informasjon om blogginnleggene dine i områder av temaet som fører opp flere produkter, som bloggmaler, bloggseksjoner og søkeresultater.

  • Innholdsbeholdere: Beholdere brukes til tekstelementet i innholdsseksjoner, for eksempel tekstboksen i en lysbildefremvisning, på et bildebanner eller i kolonnene i multikolonneseksjoner. Du kan tilpasse utseendet på innholdsbeholderne i nettbutikken.

  • 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.

  • Rullegardinmenyer og pop-up-vinder: Du kan justere utseendet på rullegardinmenyer, pop-up-modalbokser og pop-up-vinduer i handlekurven for butikken.

  • Skuffer: Skuffer er skjulte, interaktive beholdere som vises når de trykkes eller klikkes på, som for eksempel sammenleggbare menyer eller filtreringsalternativer for samlinger. Du kan tilpasse kant og skygge på skuffene i nettbutikken.

  • Merker: Merkene Salg og Utsolgt legges automatisk til produktbildene dine når du reduserer prisen eller når lagerbeholdningen når 0. Du kan justere posisjonen, formen og fargen på Salg- og Utsolgt-merkene individuelt i innstillingene. Merkene Side og Blogg vises i relevante søkeresultater. Du kan tilpasse plassering og form på disse merkene, men du kan ikke endre farge på merkene Side og Blogg.

  • 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 nettbutikken.

Trinn:

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

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

  3. Klikk på ikonet for innstillinger.

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

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

  6. Klikk på Lagre.

iPhone
  1. Trykk på menyikonet i Shopify-appen.

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

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

  4. Trykk på innstillinger-ikonet.

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

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

  7. Trykk på .

Android
  1. Trykk på menyikonet i Shopify-appen.

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

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

  4. Trykk på innstillinger-ikonet.

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

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

  7. Trykk på .

Sosiale medier

Du kan legge til koblinger til kontoer i sosiale medier, som vises i bunnteksten i nettbutikken.

Trinn:

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

  2. Finn temaet du vil redigere og klikk på Tilpass.

  3. Klikk på ikonet for Temainnstillinger innstillinger.

  4. Klikk på Sosiale medier.

  5. For å legge til koblinger til kontoer i sosiale medier skriver du inn nettadressen til kontoene dine i de tilhørende feltene for Sosiale kontoer. Du må oppgi fullstendige koblinger, som for eksempel https://instagram.com/shopify eller https://tiktok.com/@shopify.

  6. Klikk på Lagre.

iPhone
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på , og trykk deretter på Temainnstillinger.

  6. Trykk på Sosiale medier.

  7. For å legge til koblinger til kontoer i sosiale medier skriver du inn nettadressen til kontoene dine i de tilhørende feltene for Sosiale kontoer. Du må oppgi fullstendige koblinger, som for eksempel https://instagram.com/shopify eller https://tiktok.com/@shopify.

  8. Trykk på .

Android
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på og deretter på Temainnstillinger.

  6. Trykk på Sosiale medier.

  7. For å legge til koblinger til kontoer i sosiale medier skriver du inn nettadressen til kontoene dine i de tilhørende feltene for Sosiale kontoer. Du må oppgi fullstendige koblinger, som for eksempel https://instagram.com/shopify eller https://tiktok.com/@shopify.

  8. Trykk på .

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.

Trinn:

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

  2. Finn temaet du vil redigere og klikk på Tilpass.

  3. Klikk på ikonet for Temainnstillinger innstillinger.

  4. Klikk på Søkeadferd.

  5. Velg eller opphev valget for Aktiver søkeforslag for å aktivere eller deaktivere søkeforslag.

  6. Valgfritt: For å vise eller skjule produktleverandøren i søkeforslagene kan du velge eller oppheve valget for Vis produktleverandør.

  7. Valgfritt: Velg eller opphev valget for Vis produktpris for å vise eller skjule produktprisen i søkeforslag.

  8. Klikk på Lagre.

iPhone
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på , og trykk deretter på Temainnstillinger.

  6. Trykk på Søkeadferd.

  7. Velg eller opphev valget for Aktiver søkeforslag for å aktivere eller deaktivere søkeforslag.

  8. Valgfritt: For å vise eller skjule produktleverandøren i søkeforslagene kan du velge eller oppheve valget for Vis produktleverandør.

  9. Valgfritt: Velg eller opphev valget for Vis produktpris for å vise eller skjule produktprisen i søkeforslag.

  10. Trykk på .

Android
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på og deretter på Temainnstillinger.

  6. Trykk på Søkeadferd.

  7. Velg eller opphev valget for Aktiver søkeforslag for å aktivere eller deaktivere søkeforslag.

  8. Valgfritt: For å vise eller skjule produktleverandøren i søkeforslagene kan du velge eller oppheve valget for Vis produktleverandør.

  9. Valgfritt: Velg eller opphev valget for Vis produktpris for å vise eller skjule produktprisen i søkeforslag.

  10. Trykk på .

Valutaformat

Du kan velge at valutakoden vises sammen med produktenes priser.

Trinn:

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

  2. Finn temaet du vil redigere og klikk på Tilpass.

  3. Klikk på ikonet for Temainnstillinger innstillinger.

  4. Klikk på Valutaformat.

  5. Velg Vis valutakoder for å vise valutakoder.

  6. Klikk på Lagre.

iPhone
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på , og trykk deretter på Temainnstillinger.

  6. Trykk på Valutaformat.

  7. Velg Vis valutakoder for å vise valutakoder.

  8. Trykk på .

Android
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på og deretter på Temainnstillinger.

  6. Trykk på Valutaformat.

  7. Velg Vis valutakoder for å vise valutakoder.

  8. Trykk på .

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.

Trinn:

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

  2. Finn temaet du vil redigere og klikk på Tilpass.

  3. Klikk på ikonet for Temainnstillinger innstillinger.

  4. Klikk på Handlekurv.

  5. Bruk rullegardinmenyen Handlekurvtype til å velge handlekurvstilen Skuff, Side eller Popup-varsel.

  6. Valgfritt: Velg Vis leverandør for å vise leverandørene av varene i kundens handlekurv.

  7. Valgfritt: Velg Aktiver handlekurvnotat for å gi kundene en tekstboks der de kan skrive inn spesielle forespørsler eller legge til ytterligere bestillingsinformasjon.

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

    1. Klikk på Velg samling i området Handlekurvskuff.
    2. Klikk på navnet til samlingen du ønsker å vise, og klikk deretter på Velg.
  9. Valgfritt: Hvis du velger Skuff som Handlekurvtype, kan du endre fargeoppsett i handlekurvskuffen ved å gjøre følgende:

    1. Klikk på Endre i området Fargeoppsett i Handlekurvskuff.
    2. Velg fargeoppsettet du ønsker å bruke for handlekurvskuffen.
  10. Klikk på Lagre.

iPhone
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på , og trykk deretter på Temainnstillinger.

  6. Trykk på Handlekurv.

  7. Velg Handlekurvtype fra alternativene Skuff, Side eller Popup-varsel.

  8. Valgfritt: Velg Vis leverandør for å vise leverandørene av varene i kundens handlekurv.

  9. Valgfritt: Velg Aktiver handlekurvnotat for å gi kundene en tekstboks der de kan skrive inn spesielle forespørsler eller legge til ytterligere bestillingsinformasjon.

  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 til samlingen du vil vise, og trykk deretter på Ferdig.
  11. Valgfritt: Hvis du velger Skuff som Handlekurvtype, kan du endre fargeoppsett i handlekurvskuffen ved å gjøre følgende:

    1. Trykk på Endre i området Handlekurvskuff > Fargeoppsett.
    2. Velg fargeoppsettet du ønsker å bruke for handlekurvskuffen, og trykk deretter på Ferdig.
  12. Trykk på .

Android
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på og deretter på Temainnstillinger.

  6. Trykk på Handlekurv.

  7. Velg Handlekurvtype fra alternativene Skuff, Side eller Popup-varsel.

  8. Valgfritt: Velg Vis leverandør for å vise leverandørene av varene i kundens handlekurv.

  9. Valgfritt: Velg Aktiver handlekurvnotat for å gi kundene en tekstboks der de kan skrive inn spesielle forespørsler eller legge til ytterligere bestillingsinformasjon.

  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 til samlingen du vil vise, og trykk deretter på Ferdig.
  11. Valgfritt: Hvis du velger Skuff som Handlekurvtype, kan du endre fargeoppsett i handlekurvskuffen ved å gjøre følgende:

    1. Trykk på Endre i området Handlekurvskuff > Fargeoppsett.
    2. Velg fargeoppsettet du ønsker å bruke for handlekurvskuffen, og trykk deretter på Ferdig.
  12. Trykk på .

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.

Trinn:

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

  2. Finn temaet du vil redigere og klikk på Tilpass.

  3. Klikk på ikonet for Temainnstillinger innstillinger.

  4. Klikk på Temastil.

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

  6. Klikk på Lagre.

iPhone
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på , og trykk deretter på Temainnstillinger.

  6. Trykk på Temastil.

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

  8. Trykk på .

Android
  1. Trykk på menyikonet i Shopify-appen.

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

  3. Trykk på Administrer alle temaer.

  4. Finn temaet du vil redigere og klikk på Tilpass.

  5. Trykk på og deretter på Temainnstillinger.

  6. Trykk på Temastil.

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

  8. Trykk på .

Finner du ikke svarene du leter etter? Vi er her for å hjelpe deg.