Hjælp
Log ind

Tilpasning af temaindstillinger

Du kan tilpasse de overordnede indstillinger for din webshop, såsom typografi, farver, links til sociale medier og siden med indkøbskurven, i afsnittet Temaindstillinger i sidebarmenuen i temaeditoren. De ændringer, du foretager i afsnittet Temaindstillinger, gælder for hele din webshop.

Afsnit og blokke har også individuelle indstillinger, som du kan justere for at tilpasse de enkelte afsnit i dit tema. Få mere at vide om afsnit og blokke.

På denne side

Du kan føje et logo for din virksomhed til din webshop. Dit logo vises følgende steder:

  • dit sidehoved på alle sider
  • din adgangskodeside

Tilpas dit logo

Logobilleder har en maksimal bredde på 300 px.

Trin:

Computer

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Find det tema, du vil redigere, og klik derefter på Tilpas.

  3. Klik på ikonet Temaindstillinger Indstillinger.

  4. Klik på Logo.

  5. I området Logo skal du tilføje dit billede eller bruge et gratis billede:

    • For at tilføje dit billede skal du klikke på Vælg billedeog derefter tilføje et nyt eller eksisterende billede:
      • Hvis du vil bruge et billede, du allerede har uploadet til din Shopify-administrator, skal du vælge billedet og derefter klikke på Færdig.
      • Hvis du vil bruge et billede fra din lokale computer, skal du klikke på Tilføj billeder. Vælg og tilføj et billede, og klik derefter på Færdig.
    • Hvis du vil bruge et gratis billede, skal du klikke på Udforsk gratis billeder. Find et billede, klik på billedet for at vælge det, og klik derefter på Vælg.

  6. Valgfrit: Tilføj alternativ tekst til dit logobillede:

    1. I området Logo skal du klikke på Rediger.
    2. I feltet Alternativ tekst skal du angive en kort beskrivelse af billedet.
    3. Klik på Gem.

  7. Valgfrit: I området Logobredde på computer kan du bruge skyderen til at justere logoets bredde i pixel.

  8. Klik på Gem.

Mobil

  1. Tryk på ikonet Menu i Shopify-appen.

  2. I afsnittet Salgskanaler skal du trykke på Webshop.

  3. Tryk på Administrer alle temaer.

  4. Find det tema, du vil redigere, og tryk derefter på Tilpas.

  5. Tryk på … eller ⋮, og tryk derefter på Temaindstillinger.

  6. Tryk på Logo.

  7. I området Logo skal du tilføje dit billede eller bruge et gratis billede:

    • Hvis du vil tilføje dit billede, skal du trykke på Vælg billedeog derefter tilføje et nyt eller eksisterende billede:
      • Hvis du vil bruge et billede, som du allerede har uploadet til din Shopify-administrator, skal du vælge billedet og derefter trykke på Færdig.
      • Hvis du vil bruge et billede fra din lokale enhed, skal du trykke på Tilføj billeder. Vælg og tilføj et billede fra din lokale enhed, tryk på billedet for at vælge det, og tryk derefter på Færdig.
    • Hvis du vil bruge et gratis billede, skal du trykke på Udforsk gratis billeder. Find et billede, tryk på billedet for at vælge det, og tryk derefter på Færdig.

  8. Valgfrit: Tilføj alternativ tekst til dit logobillede:

    1. I området Logo skal du trykke på Rediger.
    2. I feltet Alternativ tekst skal du angive en kort beskrivelse af billedet.
    3. Tryk på Gem eller ✓.

  9. Valgfrit: I området Logobredde på computer kan du bruge skyderen til at justere logoets bredde i pixel.

  10. Tryk på Gem eller ✓.

Tilføj et favoritikon

Du kan tilføje et favoritikon (favicon), som du kan bruge til branding af din webshop. Et favoritikon vises følgende steder:

  • fanen i din webbrowser
  • din webbrowsers historik
  • ikoner på dit skrivebord
  • ved siden af din webshops navn, når dit website er bogmærket

Få mere at vide om favoritikoner.

Trin:

Computer

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Find det tema, du vil føje et favoritikon til, og klik derefter på Rediger tema.

  3. Klik på ikonet Temaindstillinger Indstillinger.

  4. Afhængigt af din temaversion skal du klikke på Logo eller Favoritikon.

  5. I afsnittet Billede til favoritikon skal du klikke på Vælg billede og derefter tilføje et nyt eller eksisterende billede:

    • Hvis du vil vælge et billede, som du allerede har uploadet til din Shopify-administrator, kan du søge efter eller finde billedet og derefter vælge det i afkrydsningsfeltet.
    • Hvis du vil vælge et billede fra din lokale computer, skal du klikke på Tilføj billeder, åbne billedet fra din lokale computer og derefter vælge det i afkrydsningsfeltet.

  6. Klik på Udfør.

  7. Valgfrit: Føj alternativ tekst til billedet af dit favoritikon:

    1. I afsnittet Billede til favoritikon skal du klikke på Rediger.
    2. I feltet Alternativ tekst skal du angive en kort beskrivelse af billedet.
    3. Klik på Gem.

  8. Klik på Gem.

Mobil

  1. Tryk på ikonet Menu i Shopify-appen.

  2. I afsnittet Salgskanaler skal du trykke på Webshop.

  3. Tryk på Administrer alle temaer.

  4. Find det tema, du vil føje et favoritikon til, og tryk derefter på Rediger tema.

  5. Tryk på … eller ⋮, og tryk derefter på Temaindstillinger.

  6. Afhængigt af din temaversion skal du trykke på Logo eller Favoritikon.

  7. I afsnittet Billede til favoritikon skal du trykke på Vælg billede og derefter tilføje et nyt eller eksisterende billede:

    • Hvis du vil vælge et billede, som du allerede har uploadet til din Shopify-administrator, kan du søge efter eller finde billedet og derefter vælge det i afkrydsningsfeltet.
    • Hvis du vil vælge et billede fra din lokale enhed, skal du trykke på Tilføj billeder, åbne billedet fra din lokale enhed og derefter vælge det i afkrydsningsfeltet.

  8. Tryk på Udfør.

  9. Føj alternativ tekst til billedet af dit favoritikon:

    1. I afsnittet Billede til favoritikon skal du trykke på Rediger.
    2. I feltet Alternativ tekst skal du angive en kort beskrivelse af billedet.
    3. Tryk på Gem eller ✓.

  10. Tryk på Gem eller ✓.

Farver

Du kan definere forskellige farveskemaer i dine temaindstillinger og anvende farveskemaerne i forskellige afsnit i din webshop med en farveskemavælger. Et farveskema er et sæt farver. Dit tema har et sæt anvendte standardfarveskemaer, som du kan ændre når som helst i temaeditoren. Du kan tilføje dine brandfarver for at sikre en ensartet anvendelse af din farvepalet i hele din webshop.

Skabeloner har ikke individuelle farveindstillinger, så dit butiksdesign er ensartet på hele dit website. En skabelon betragtes som en hovedside eller hovedindholdet i en butik. Forskellige farveskemaer i din butik kan føre til en dårlig brugeroplevelse og få kunder til at forlade din butik uden at købe produkter.

Du kan oprette og tilpasse op til 21 unikke farveskemaer og anvende dem i forskellige afsnit i din webshop.

Farveskemaer

Farveskemaer er en temaindstilling, der grupperer elementer og deres respektive farver på en visuelt repræsentativ måde. Du kan tildele forskellige farver til forskellige elementer i et sammenhængende farveskema, der kan anvendes i hele dit tema, hvor en farveskemavælger er tilgængelig. Du kan have op til 21 farveskemaer. Du kan også se en forhåndsvisning af, hvordan dine farver vises i skemaets forhåndsvisning.

Her er en liste over de forskellige indstillinger, du kan anvende på farveskemaer i temaeditoren.
IndstillingBeskrivelse
BaggrundFarven anvendes på baggrunden i visse afsnit og på baggrunden af knapper med kontur.
BaggrundsgradientEn farvegradient anvendes på baggrunden i visse afsnit. Baggrundsgradienter erstatter baggrunden, hvor det er muligt.
TekstFarven anvendes på teksten i afsnittet eller blokken.
Baggrund på udfyldt knapFarven anvendes på baggrunden af den primære knap.
Etiket på udfyldt knapFarven anvendes på teksten på den primære knap.
Knap med konturFarven anvendes på teksten og kanten på den sekundære knap.
SkyggeFarven anvendes på skyggerne.

Administration af dit farveskema

Din butiks farveskema og farveindstillinger angives i dine temaindstillinger. For ensfarver skal du bruge farvevælgeren til at vælge en ny farve eller angive farvens værdi i tekstfeltet. Farvefeltet accepterer følgende farvenavne og -værdier:

  • Farvenavne som f.eks. red, black eller blue.
  • RGB-farvekoder.
  • Hexadecimale farveværdier.

Trin:

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Klik på Rediger tema ud for det tema, du vil tilpasse.

  3. Klik på ikonet indstillinger, og klik derefter på Farver.

  4. I afsnittet Skemaer skal du klikke på et eksisterende skema eller klikke på Tilføj skema for at tilføje et nyt farveskema.

  5. Klik på farveprøven for den indholdstype, du vil ændre farven for.

  6. Du angiver farven ved at indtaste en hex-farvekode eller vælge farven i farvevælgeren. Du angiver farven som transparent ved at slette hex-koden fra tekstfeltet.

  7. Klik på Gem.

Anvendelse af dit farveskema

Når du har defineret dit farveskema i dine temaindstillinger, kan du tildele et farveskema ved hjælp af farveskemavælgeren i dit temas afsnit og blokke. Farveskemavælgeren er kun tilgængelig i visse afsnit, blokke og generelle temaindstillinger.

Farveskemavælger

Gradienter

I nogle temaer kan du opsætte en farvegradient for at skabe visuelt interessante baggrundsmuligheder. Indstillingen color_background bruges til at tilpasse baggrundsegenskaben i CSS.

Gradientvælgeren giver dig mulighed for at vælge farver, gradientstil, vinkel, position og opacitet for gradienten. De valgte indstillinger i gradientvælgeren forhåndsvises i realtid i temaeditoren. Du kan også oprette en gradientbaggrund ved hjælp af CSS-kode, som indeholder en valideringskontrol.

Opsæt gradienter

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Klik på Rediger tema ud for det tema, du vil tilpasse.

  3. Klik på ikonet indstillinger, og klik derefter på Farver.

  4. I afsnittet Skemaer skal du klikke på et eksisterende skema, som du vil redigere.

  5. Klik på farveprøven for gradienten, f.eks. Baggrundsgradient.

  6. Hvis du ikke tidligere har opsat en gradient, vises der nogle forudindstillede valgmuligheder, som du kan vælge imellem. Vælg en forudindstillet gradient for at åbne indstillingspanelet.

  7. Vælg dine indstillinger for gradient:

  • Vælg mellem en lineær eller radial gradient. Brug knapperne til at vælge din foretrukne gradientstil.
  • Angiv vinklen på din gradient med pil op og pil ned. Klik på pil op eller pil ned for at øge eller mindske vinkelprocenten med 5.
  • Brug skyderen til at vælge gradientens position, eller angiv en numerisk værdi i feltet.
  • Angiv en bestemt hex-kode for farve, eller brug farveskyderen til at vælge en nuance. Nyligt valgte farver vises nederst i panelet med gradientindstillinger.
  • Hvis du vil gøre din gradient uigennemsigtig, kan du bruge skyderen til højre til at vælge gennemsigtigheden. Du kan også angive en procentdel i feltet ved siden af hex-farvekoden.
  1. Klik på Gem.

Gradientvælger i temaeditoren

Brug CSS til at angive gradienter

De fleste værdier for CSS-egenskaben background kan bruges til at angive en baggrundsfarve. Du kan bruge dette felt til dækkende farver (f.eks. giver #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) og hsla(0, 0%, 0%, 1) alle en dækkende sort baggrund) eller til gradienter (f.eks. linear-gradient(red, green), radial-gradient(red, green) eller conic-gradient(red, green)). Gradienter kan også gentages.

Trin:

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Klik på Rediger tema ud for det tema, du vil tilpasse.

  3. Klik på ikonet indstillinger, og klik derefter på Farver.

  4. I afsnittet Skemaer skal du klikke på et eksisterende skema, som du vil redigere.

  5. Klik på den gradient, du vil redigere.

  6. Klik på pilen ud for Gradient, og vælg derefter CSS.

  7. Indtast eller indsæt din gradientkode i feltet CSS-kode. Forhåndsvisningen i temaeditoren viser din gradient på det relevante sted.

  8. Klik på Gem.

Feltet til CSS-kode for gradient i temaeditoren

Fjern en gradient

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Klik på Rediger tema ud for det tema, du vil tilpasse.

  3. Klik på ikonet indstillinger, og klik derefter på Farver.

  4. I afsnittet Skemaer skal du klikke på et eksisterende skema, som du vil redigere.

  5. Klik på den gradient, du vil fjerne.

  6. Klik på Fjern gradient.

  7. Klik på Gem.

Typografi

Du kan angive skrifttypestil og -størrelse for teksten i din webshop. Du kan vælge en systemskrifttype eller tilføje en tilpasset skrifttype. De skrifttyper, der er tilgængelige i dit tema, afhænger af din temaudvikler. Alle gratis Shopify-temaer bruger skrifttyper fra Shopifys skrifttypebibliotek.

Overvej at bruge systemskrifttyper i din butik. Systemskrifttyper er allerede installeret på brugerens computer, så du undgår, at nye skrifttyper skal downloades til din kundes computer. Dette kan ellers påvirke din butiks indlæsningshastighed negativt. Den skrifttype, der vises på kundens computer, afhænger af vedkommendes operativsystem.

Tilpas dine skrifttyper

Se Shopifys skrifttypebibliotek for at få en liste over tilgængelige skrifttyper.

Trin:

Computer

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Find det tema, du vil redigere, og klik derefter på Tilpas.

  3. Klik på ikonet Temaindstillinger Indstillinger.

  4. Klik på Typografi.

  5. Klik på Skift i afsnittet Overskrifter eller Brødtekst for at ændre skrifttypen for din butiks overskrifter eller brødtekst.

  6. Klik på navnet på den skrifttype, du vil bruge, og klik derefter på Vælg.

  7. Klik på Gem.

Mobil

  1. Tryk på ikonet Menu i Shopify-appen.

  2. I afsnittet Salgskanaler skal du trykke på Webshop.

  3. Tryk på Administrer alle temaer.

  4. Find det tema, du vil redigere, og tryk derefter på Tilpas.

  5. Tryk på … eller ⋮, og tryk derefter på Temaindstillinger.

  6. Tryk på Typografi.

  7. Tryk på Skift i afsnittet Overskrifter eller Brødtekst for at ændre skrifttypen for din butiks overskrifter eller brødtekst.

  8. Tryk på navnet på den skrifttype, du vil bruge, og tryk derefter på Udført.

  9. Tryk på Gem eller ✓.

Tilpas dine skriftstørrelser

Du kan angive standardskriftstørrelserne for dine overskrifter og din brødtekst med temaindstillingen Typografi.

Den mindste skriftstørrelse er 100 %, og den største er 150 %. Hvert trin på skalaen øger skriftstørrelsen med 5 %. Standardindstillingen er 100 %.

Trin:

Computer

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Find det tema, du vil redigere, og klik derefter på Tilpas.

  3. Klik på ikonet Temaindstillinger Indstillinger.

  4. Klik på Typografi.

  5. Brug skyderen Skala for skriftstørrelse til at vælge standardskriftstørrelsen for tekst under Overskrifter.

  6. Brug skyderen Skala for skriftstørrelse til at vælge standardskriftstørrelsen for Brødtekst.

  7. Klik på Gem.

Mobil

  1. Tryk på ikonet Menu i Shopify-appen.

  2. I afsnittet Salgskanaler skal du trykke på Webshop.

  3. Tryk på Administrer alle temaer.

  4. Find det tema, du vil redigere, og tryk derefter på Tilpas.

  5. Tryk på … eller ⋮, og tryk derefter på Temaindstillinger.

  6. Tryk på Typografi.

  7. Brug skyderen Skala for skriftstørrelse til at vælge standardskriftstørrelsen for tekst under Overskrifter.

  8. Brug skyderen Skala for skriftstørrelse til at vælge standardskriftstørrelsen for Brødtekst.

  9. Tryk på Gem eller ✓.

Layout

Du kan angive den maksimale bredde, som din webshop skal vises med, samt den lodrette og vandrette afstand mellem afsnit.

Trin:

Computer

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Find det tema, du vil redigere, og klik derefter på Tilpas.

  3. Klik på ikonet Temaindstillinger Indstillinger.

  4. Klik på Layout.

  5. Brug skyderen Sidebredde til at vælge en sidebredde på mellem 1.000 og 1.600 px. Standardindstillingen er 1.600 px.

  6. Valgfrit: Brug skyderen til at tilføje lodret Afstand mellem skabelonafsnit på dine sider. Du kan tilføje en afstand på op til 100 px mellem afsnit.

  7. Valgfrit: Hvis du har et gitterlayout, kan du bruge skydeknapperne Vandret afstand og Lodret afstand til at tilføje mellemrum mellem indholdet i gitteret på dine sider. Vandret afstand tilføjer op til 40 px mellemrum i rækkerne med indhold på dine sider, mens lodret afstand tilføjer op til 40 px mellemrum i kolonnerne med indhold på dine sider.

  8. Klik på Gem.

Mobil

  1. Tryk på ikonet Menu i Shopify-appen.

  2. I afsnittet Salgskanaler skal du trykke på Webshop.

  3. Tryk på Administrer alle temaer.

  4. Find det tema, du vil redigere, og tryk derefter på Tilpas.

  5. Tryk på … eller ⋮, og tryk derefter på Temaindstillinger.

  6. Tryk på Layout.

  7. Brug skyderen Sidebredde til at vælge en sidebredde på mellem 1.000 og 1.600 px. Standardindstillingen er 1.600 px.

  8. Valgfrit: Brug skyderen til at tilføje lodret Afstand mellem skabelonafsnit på dine sider. Du kan tilføje en afstand på op til 100 px mellem afsnit.

  9. Valgfrit: Hvis du har et gitterlayout, kan du bruge skydeknapperne Vandret afstand og Lodret afstand til at tilføje mellemrum mellem indholdet i gitteret på dine sider. Vandret afstand tilføjer op til 40 px mellemrum i rækkerne med indhold på dine sider, mens lodret afstand tilføjer op til 40 px mellemrum i kolonnerne med indhold på dine sider.

  10. Tryk på Gem eller ✓.

Animationer

Animationer giver dig mulighed for at tilføje bevægelse og visuel interesse til din webshop. Du kan aktivere en fade-in-animation, der afslører din butiks afsnit, når der rulles, og en svæveeffekt for dine kort og knapper.

Trin:

Computer

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Find det tema, du vil redigere, og klik derefter på Tilpas.

  3. Klik på ikonet Temaindstillinger Indstillinger.

  4. Klik på Animationer.

  5. Valgfrit: Vælg Vis afsnit, når der rulles for at aktivere en animation, der afslører din webshops afsnit, når der rulles.

  6. Valgfrit: Vælg en af følgende muligheder i indstillingen Svæveeffekt for at føje en animation med svæveeffekt til dine kort og knapper:

    • Lodret løft: Når en kunde holder markøren over et kort eller en knap, flyttes elementet opad.
    • 3D-løft: Når en kunde holder markøren over et kort eller en knap, flyttes elementet fremad, hvilket giver en 3D-effekt. Der er også et diskret skær, som bevæger sig hen over elementet og giver det endnu en dimension.

  7. Klik på Gem.

Mobil

  1. Tryk på ikonet Menu i Shopify-appen.

  2. I afsnittet Salgskanaler skal du trykke på Webshop.

  3. Tryk på Administrer alle temaer.

  4. Find det tema, du vil redigere, og tryk derefter på Tilpas.

  5. Tryk på … eller ⋮, og tryk derefter på Temaindstillinger.

  6. Tryk på Animationer.

  7. Valgfrit: Vælg Vis afsnit, når der rulles for at aktivere en animation, der afslører din webshops afsnit, når der rulles.

  8. Valgfrit: Vælg en af følgende muligheder i indstillingen Svæveeffekt for at føje en animation med svæveeffekt til dine kort og knapper:

    • Lodret løft: Når en kunde holder markøren over et kort eller en knap, flyttes elementet opad.
    • 3D-løft: Når en kunde holder markøren over et kort eller en knap, flyttes elementet fremad, hvilket giver en 3D-effekt. Der er også et diskret skær, som bevæger sig hen over elementet og giver det endnu en dimension.

  9. Tryk på Gem eller ✓.

Indstillinger for tilpasning af visuelle elementer

Du kan justere udseendet af elementer i dit tema, f.eks. knapper, produktkort og varianter, fra siden Temaindstillinger. Hver valgmulighed indeholder de relevante indstillinger for det pågældende element.

Du kan justere indstillingerne for følgende elementer i dit tema:

  • Knapper: Knapper omfatter call to action-knapper i afsnit som f.eks. et diasshow eller billede med tekst, samt knapperne i en kontaktformular, på dine produktsider og på sider med indkøbskurv.
  • Variantknapper: Med variantknapper kan du vise varianterne af et produkt på en produktside eller i et afsnit med et udvalgt produkt. Kunderne kan vælge den ønskede variant for at føje produktet til deres indkøbskurv uden at skulle skifte produktside. Du kan tilpasse, hvordan dine variantknapper vises i din webshop.
  • Inputfelter: Inputfelter er interaktive områder, der kræver input fra kunden, f.eks. en antalsvælger, en tilmeldingsformular til mail eller bemærkninger til indkøbskurv. Du kan tilpasse udseendet af din webshops inputfelter.
  • Indstillingerne for produktkort, kollektionskort og blogkort giver dig mulighed for at tilpasse stilen for hver korttype, når de vises i sideafsnit.
    • Produktkort: Produktkort viser oplysninger om dine produkter i områder af dit tema, der viser flere produkter, som f.eks. kollektionsskabeloner, kollektionsafsnit og søgeresultater.
    • Kollektionskort: Kollektionskort viser oplysninger om dine kollektioner i områder af dit tema, der viser kollektioner, som f.eks. en skabelon eller et afsnit med en kollektionsliste.
    • Blogkort: Blogkort viser oplysninger om dine blogopslag i områder af dit tema, hvor flere produkter vises, f.eks. blogskabeloner, blogafsnit og søgeresultater.
  • Indholdsbeholdere: Beholdere bruges til tekstelementet i indholdsafsnit, f.eks. tekstfeltet i et diasshow, på et billedbanner eller i kolonnerne i afsnit med flere kolonner. Du kan tilpasse udseendet af indholdsbeholdere i din webshop.
  • Medie: Medie er den visuelle komponent i afsnit, f.eks. produktmedie eller et billede i afsnittet Billede med tekst. Du kan føje kanter og skygger til dine medier.
  • Rullemenuer og pop op-vinduer: Du kan tilpasse udseendet af rullemenuer, pop op-moduler og pop op-vinduer til indkøbskurven i din webshop.
  • Skuffer: Skuffer er skjulte, interaktive beholdere, der vises, når man trykker eller klikker på dem, f.eks. sammenklappelige menuer eller filtreringsmuligheder for kollektioner. Du kan tilpasse kanten og skyggen for skufferne i din webshop.
  • Badges: Badges med Udsalg og Udsolgt føjes automatisk til dine produktbilleder, når du nedsætter prisen, eller når lagerantallet når 0. Du kan tilpasse placering, form og farve for dine badges med Udsalg og Udsolgt enkeltvist i dine temaindstillinger. Badges med Side og Blog vises i relevante søgeresultater. Du kan tilpasse placeringen og formen på disse badges, men du kan ikke ændre farven på badges med Side og Blog.
  • Brandoplysninger: Du kan medtage oplysninger om dit brand i din webshop. Når du har fuldført følgende trin, kan du tilføje blokken Brandoplysninger i din webshops sidefod.

Trin:

Computer

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Klik på Rediger tema ud for det tema, du vil redigere.

  3. Klik på ikonet indstillinger.

  4. Klik på et element for at åbne indstillingerne.

  5. Juster de tilgængelige indstillinger. Du kan se ændringerne ved at navigere til forskellige områder af dit tema i eksempelvinduet.

  6. Klik på Gem.

Mobil

  1. Tryk på ikonet Menu i Shopify-appen.

  2. I afsnittet Salgskanaler skal du trykke på Webshop.

  3. Tryk på Rediger tema ud for det tema, du vil redigere.

  4. Tryk på ikonet indstillinger.

  5. Tryk på et element for at åbne indstillingerne.

  6. Juster de tilgængelige indstillinger. Du kan se ændringerne ved at navigere til forskellige områder af dit tema i eksempelvinduet.

  7. Tryk på Gem eller ✓.

Sociale medier

Du kan tilføje links til dine konti på sociale medier, som vises i din webshops sidefod.

Trin:

Computer

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Find det tema, du vil redigere, og klik derefter på Tilpas.

  3. Klik på ikonet Temaindstillinger Indstillinger.

  4. Klik på Sociale medier.

  5. Hvis du vil tilføje links til dine konti på sociale medier, skal du angive websiteadresserne til dine konti i de relevante felter under Sociale konti. Du skal angive hele linket, f.eks. https://instagram.com/shopify eller https://tiktok.com/@shopify.

  6. Klik på Gem.

Mobil

  1. Tryk på ikonet Menu i Shopify-appen.

  2. I afsnittet Salgskanaler skal du trykke på Webshop.

  3. Tryk på Administrer alle temaer.

  4. Find det tema, du vil redigere, og tryk derefter på Tilpas.

  5. Tryk på … eller ⋮, og tryk derefter på Temaindstillinger.

  6. Tryk på Sociale medier.

  7. Hvis du vil tilføje links til dine konti på sociale medier, skal du angive websiteadresserne til dine konti i de relevante felter under Sociale konti. Du skal angive hele linket, f.eks. https://instagram.com/shopify eller https://tiktok.com/@shopify.

  8. Tryk på Gem eller ✓.

Søgeadfærd

Din webshop indeholder forudsigende søgning, som viser forslag, når kunderne begynder at skrive i søgefeltet. Søgeforslag kan hjælpe kunder med at formulere og afgrænse deres søgeforespørgsler og give dem nye måder at udforske din webshop på. Søgeforslag kan også give kunderne mulighed for hurtigt at gennemse match uden at skulle forlade deres aktuelle side for at se en separat liste med søgeresultater.

Hvis du vil vide mere om, hvordan søgeforslag fungerer, kan du se Forudsigende søgning.

Du kan tilpasse, hvordan søgeforslag vises for dine kunder.

Trin:

Computer

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Find det tema, du vil redigere, og klik derefter på Tilpas.

  3. Klik på ikonet Temaindstillinger Indstillinger.

  4. Klik på Søgeadfærd.

  5. Vælg eller fravælg Aktivér søgeforslag for at aktivere eller deaktivere søgeforslag.

  6. Valgfrit: Vælg eller fravælg Vis produktforhandler for at vise eller skjule produktforhandleren i søgeforslag.

  7. Valgfrit: Vælg eller fravælg Vis produktpris for at vise eller skjule produktprisen i søgeforslag.

  8. Klik på Gem.

Mobil

  1. Tryk på ikonet Menu i Shopify-appen.

  2. I afsnittet Salgskanaler skal du trykke på Webshop.

  3. Tryk på Administrer alle temaer.

  4. Find det tema, du vil redigere, og tryk derefter på Tilpas.

  5. Tryk på … eller ⋮, og tryk derefter på Temaindstillinger.

  6. Tryk på Søgeadfærd.

  7. Vælg eller fravælg Aktivér søgeforslag for at aktivere eller deaktivere søgeforslag.

  8. Valgfrit: Vælg eller fravælg Vis produktforhandler for at vise eller skjule produktforhandleren i søgeforslag.

  9. Valgfrit: Vælg eller fravælg Vis produktpris for at vise eller skjule produktprisen i søgeforslag.

  10. Tryk på Gem eller ✓.

Valutaformat

Du kan vælge at få vist valutakoden sammen med priserne på dine produkter.

Trin:

Computer

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Find det tema, du vil redigere, og klik derefter på Tilpas.

  3. Klik på ikonet Temaindstillinger Indstillinger.

  4. Klik på Valutaformat.

  5. Vælg Vis valutakoder for at vise valutakoder.

  6. Klik på Gem.

Mobil

  1. Tryk på ikonet Menu i Shopify-appen.

  2. I afsnittet Salgskanaler skal du trykke på Webshop.

  3. Tryk på Administrer alle temaer.

  4. Find det tema, du vil redigere, og tryk derefter på Tilpas.

  5. Tryk på … eller ⋮, og tryk derefter på Temaindstillinger.

  6. Tryk på Valutaformat.

  7. Vælg Vis valutakoder for at vise valutakoder.

  8. Tryk på Gem eller ✓.

Indkøbskurv

Du kan ændre stilen for indkøbskurven i din webshop. Når en kunde føjer et produkt fra din butik til sin indkøbskurv, kan indkøbskurven vises som en skuffe, en side eller en pop op-meddelelse. Brug muligheden for skuffe eller pop op-meddelelse for at beholde kunden på produktsiden. Brug sidemuligheden for at føre kunden til siden med indkøbskurven. Når kundens indkøbskurv er tom, kan du vise en udvalgt kollektion i indkøbskurvskuffen.

Trin:

Computer

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Find det tema, du vil redigere, og klik derefter på Tilpas.

  3. Klik på ikonet Temaindstillinger Indstillinger.

  4. Klik på Indkøbskurv.

  5. Brug rullemenuen Type indkøbskurv til at vælge, om din indkøbskurv skal være en Skuffe, Side eller Pop op-meddelelse.

  6. Valgfrit: Vælg Vis forhandler for at vise varernes forhandlere i en kundes indkøbskurv.

  7. Valgfrit: Vælg Aktivér bemærkning til indkøbskurv for at give kunderne et tekstfelt, hvor de kan angive særlige anmodninger eller tilføje ekstra ordreoplysninger.

  8. Valgfrit: Hvis du vælger Skuffe som Type indkøbskurv, kan du få vist en kollektion i indkøbskurvskuffen, når den er tom:

    1. Klik på Vælg kollektion i området Indkøbskurvskuffe.
    2. Klik på navnet på den kollektion, du vil vise, og klik derefter på Vælg.

  9. Valgfrit: Hvis du vælger Skuffe som Type indkøbskurv, kan du ændre farveskemaet for din indkøbskurvskuffe ved at følge disse trin:

    1. Klik på Skift i området Indkøbskurvskuffe > Farveskema.
    2. Vælg det farveskema, du vil bruge til din indkøbskurvskuffe.

  10. Klik på Gem.

Mobil

  1. Tryk på ikonet Menu i Shopify-appen.

  2. I afsnittet Salgskanaler skal du trykke på Webshop.

  3. Tryk på Administrer alle temaer.

  4. Find det tema, du vil redigere, og tryk derefter på Tilpas.

  5. Tryk på … eller ⋮, og tryk derefter på Temaindstillinger.

  6. Tryk på Indkøbskurv.

  7. Vælg din Indkøbskurvstype fra valgmulighederne Skuffe, Side eller Pop op-meddelelse.

  8. Valgfrit: Vælg Vis forhandler for at vise varernes forhandlere i en kundes indkøbskurv.

  9. Valgfrit: Vælg Aktivér bemærkning til indkøbskurv for at give kunderne et tekstfelt, hvor de kan angive særlige anmodninger eller tilføje ekstra ordreoplysninger.

  10. Valgfrit: Hvis du vælger Skuffe som Type indkøbskurv, kan du få vist en kollektion i indkøbskurvskuffen, når den er tom:

    1. Tryk på Vælg kollektion i området Indkøbskurvskuffe.
    2. Tryk på navnet på den kollektion, du vil vise, og tryk derefter på Udført.

  11. Valgfrit: Hvis du vælger Skuffe som Type indkøbskurv, kan du ændre farveskemaet for din indkøbskurvskuffe ved at følge disse trin:

    1. Tryk på Skift i området Indkøbskurvskuffe > Farveskema.
    2. Vælg det farveskema, du vil bruge til din indkøbskurvskuffe, og tryk derefter på Udført.

  12. Tryk på Gem eller ✓.

Tilpasset CSS

I afsnittet Tilpasset CSS kan du angive din egen CSS-kode for f.eks. at tilpasse udseendet af knapperne i din webshop ud over de tilgængelige standardindstillinger eller for at anvende en unik styling på specifikke tekstelementer.

Tilpasset CSS i dine temaindstillinger påvirker alle sider i din webshop, undtagen din betalingsside.

Få mere at vide om at føje tilpasset CSS til dit tema.

Temastil

En temastil er en samling indstillinger, der er udvalgt af en temadesigner. Du kan anvende en temastil i din butik for at give den et stilrent udseende og en god funktionalitet. Alle temaer har som standard en anvendt temastil. De andre valgmuligheder, du har for temastil, afhænger af, hvilket tema du bruger.

Når du tilpasser et tema, erstatter du indstillingerne for temastil med dine egne. Når du anvender en temastil på dit tema, ændres dine nuværende indstillinger, f.eks. farver og typografi.

Trin:

Computer

  1. Gå til Webshop > Temaer i din Shopify-administrator.

  2. Find det tema, du vil redigere, og klik derefter på Tilpas.

  3. Klik på ikonet Temaindstillinger Indstillinger.

  4. Klik på Temastil.

  5. Vælg den temastil, du vil bruge, og klik derefter på Skift stil.

  6. Klik på Gem.

Mobil

  1. Tryk på ikonet Menu i Shopify-appen.

  2. I afsnittet Salgskanaler skal du trykke på Webshop.

  3. Tryk på Administrer alle temaer.

  4. Find det tema, du vil redigere, og tryk derefter på Tilpas.

  5. Tryk på … eller ⋮, og tryk derefter på Temaindstillinger.

  6. Tryk på Temastil.

  7. Vælg den temastil, du vil bruge, og tryk derefter på Udført.

  8. Tryk på Gem eller ✓.