Temaindstillinger

Du kan bruge indstillingerne for tilpasning af temaer i sidemenuen i temaeditoren til at foretage ændringer i din webshops typografi, farver, links til sociale medier og side med indkøbskurv. Ændringer i temaindstillinger gælder for hele din webshop.

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

Du kan føje din virksomheds logo til din webshop. Dit logo vises følgende steder:

  • dit sidehoved på tværs af alle sider
  • din adgangskodeside

Tilpas dit logo

Logobilleder har en bredde på højst 300 px.

Trin:

Desktop
  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. Tilføj dit billede i området Logo, eller brug et gratis billede:

    • Hvis du vil tilføje dit billede, skal du klikke på Vælg billede og 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 klikke på Udført.
      • Klik på Tilføj billeder, hvis du vil bruge et billede fra din lokale computer. Vælg og tilføj et billede, og klik derefter på Udført.
    • Klik på Udforsk gratis billeder for at bruge et gratis billede. Find et billede, klik på billedet for at vælge det, og klik derefter på Vælg.

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

    1. I området Logo skal du klikke på Rediger.
    2. Angiv en kort beskrivelse af billedet i feltet Alternativ tekst.
    3. Klik på Gem.
  7. Valgfrit: I området Logobredde på computer skal du bruge intervalskyderen til at justere pixelbredden på logoet.

  8. Klik på Gem.

iPhone
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på , og tryk derefter på Temaindstillinger.

  6. Tryk på Logo.

  7. Tilføj dit billede i området Logo, eller brug et gratis billede:

    • For at tilføje dit billede skal du trykke på Vælg billede og 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 trykke på Udført.
      • Tryk på Tilføj billeder for at bruge et billede fra din lokale enhed. Vælg og tilføj et billede fra din lokale enhed, tryk på billedet for at vælge det, og tryk derefter på Udført.
    • Tryk på Udforsk gratis billeder, hvis du vil bruge et gratis billede. Find et billede, tryk på billedet for at vælge det, og tryk derefter på Udført.

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

    1. I området Logo skal du trykke på Rediger.
    2. Angiv en kort beskrivelse af billedet i feltet Alternativ tekst.
    3. Tryk på .
  9. Valgfrit: I området Logobredde på computer skal du bruge intervalskyderen til at justere pixelbredden på logoet.

  10. Tryk på .

Android
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på ..., og tryk derefter på Temaindstillinger.

  6. Tryk på Logo.

  7. Tilføj dit billede i området Logo, eller brug et gratis billede:

    • For at tilføje dit billede skal du trykke på Vælg billede og 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 trykke på Udført.
      • Tryk på Tilføj billeder for at bruge et billede fra din lokale enhed. Vælg og tilføj et billede fra din lokale enhed, tryk på billedet for at vælge det, og tryk derefter på Udført.
    • Tryk på Udforsk gratis billeder, hvis du vil bruge et gratis billede. Find et billede, tryk på billedet for at vælge det, og tryk derefter på Udført.

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

    1. I området Logo skal du trykke på Rediger.
    2. Angiv en kort beskrivelse af billedet i feltet Alternativ tekst.
    3. Tryk på .
  9. Valgfrit: I området Logobredde på computer skal du bruge intervalskyderen til at justere pixelbredden på logoet.

  10. Tryk på .

Tilføj et favoritikon

Du kan tilføje et favoritikon, som du kan bruge til at hjælpe med branding af din webshop. Et favoritikon vises følgende steder:

  • din webbrowserfane
  • din webbrowsers historik
  • ikoner på dit skrivebord
  • ved siden af navnet på din webshop, når dit website er bogmærket

Få mere at vide om favoritikoner.

Trin:

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

  2. Find det tema, du vil tilføje et favoritikon for, og klik derefter på Tilpas.

  3. Klik på ikonet Temaindstillinger indstillinger.

  4. Klik på Logo eller Favoritikon afhængigt af din temaversion.

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

    • Hvis du vil vælge et billede, du allerede har uploadet til din Shopify-administrator, kan du søge efter eller finde billedet og derefter vælge det med 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 med afkrydsningsfeltet.
  6. Klik på Udført.

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

    1. Klik på Rediger i afsnittet Favoritikon.
    2. Angiv en kort beskrivelse af billedet i feltet Alternativ tekst.
    3. Klik på Gem.
  8. Klik på Gem.

iPhone
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

  4. Find det tema, du vil tilføje et favoritikon for, og tryk derefter på Tilpas.

  5. Tryk på , og tryk derefter på Temaindstillinger.

  6. Tryk på Logo eller Favoritikon afhængigt af din temaversion.

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

    • Hvis du vil vælge et billede, du allerede har uploadet til din Shopify-administrator, kan du søge efter eller finde billedet og derefter vælge det med 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 med afkrydsningsfeltet.
  8. Tryk på Udført.

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

    1. Tryk på Rediger i afsnittet Billede for favoritikon.
    2. Angiv en kort beskrivelse af billedet i feltet Alternativ tekst.
    3. Tryk på .
  10. Tryk på .

Android
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

  4. Find det tema, du vil tilføje et favoritikon for, og tryk derefter på Tilpas.

  5. Tryk på ..., og tryk derefter på Temaindstillinger.

  6. Tryk på Logo eller Favoritikon afhængigt af din temaversion.

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

    • Hvis du vil vælge et billede, du allerede har uploadet til din Shopify-administrator, kan du søge efter eller finde billedet og derefter vælge det med 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 med afkrydsningsfeltet.
  8. Tryk på Udført.

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

    1. Tryk på Rediger i afsnittet Billede for favoritikon.
    2. Angiv en kort beskrivelse af billedet i feltet Alternativ tekst.
    3. Tryk på .
  10. Tryk på .

Farver

Du kan definere forskellige farveskemaer i dine temaindstillinger og anvende farveskemaerne på forskellige afsnit i hele din webshop med en farveskemavælger. Et farveskema er et sæt farver. Dit tema har en række standardfarveskemaer, som du kan ændre når som helst i temaeditoren. Du kan tilføje farverne på dit brand for at sikre en sammenhængende applikation af din farvepalet på tværs af din webshop.

Skabeloner har ikke individuelle farveindstillinger, så dit butiksdesign er ensartet på hele dit website. En skabelon anses som en hovedside eller det primære indhold i en butik. Hvis du har forskellige farveskemaer i din butik, kan det medføre en dårlig brugeroplevelse og få kunderne til at forlade din butik uden at købe produkter.

Du kan oprette og tilpasse op til 21 unikke farveskemaer og anvende dem på 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 der er en tilgængelig farveskemavælger. Du kan have op til 21 farveskemaer. Du kan også se en forhåndsvisning af, hvordan dine farver vises, i skemaets forhåndsvisning.

Liste med forskellige indstillinger, som du kan anvende på farvesammensætninger i temaeditoren.
IndstillingBeskrivelse
BaggrundFarven anvendes på baggrunden i nogle afsnit og på baggrunden på oversigtsknappen.
BaggrundsgradueringEn farvegraduering anvendes på baggrunden i nogle afsnit. Baggrundgradueringerne erstatter baggrunden, hvor det er muligt.
TekstFarven anvendes på afsnittet eller blokteksten.
Udfyldt knapbaggrundFarven anvendes på baggrunden for den primære knap.
Udfyldt knaptekstFarven anvendes på teksten på den primære knap.
RammeknapFarve anvendes på den sekundære knaps tekst og kant.
SkyggeFarven anvendes på skyggerne.

Administrer dit farveskema

Din butiks farveskema og farveindstillinger er angivet i dine temaindstillinger. Brug farvevælgeren til at vælge en ny farve eller indtast værdien af farven i tekstfeltet. Farvefeltet accepterer følgende farvenavne og -værdier:

  • Farvenavne såsom red, black eller blue.
  • RGB-farvekoder.
  • Heksadecimale farveværdier.

Trin:

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

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

  3. Klik på ikonet for 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 farvetype for indhold, du vil ændre.

  6. For at indstille din farve skal du indtaste en hex-farvekode eller vælge farven fra farvevælgeren. Hvis du vil angive farven til gennemsigtig, skal du slette hex-koden fra tekstfeltet.

  7. Klik på Gem.

Anvender 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ælgeren

Gradueringer

Du kan opsætte en graduering af farver i nogle temaer for at skabe visuelt spændende baggrunde. Indstillingen color_background bruges til at tilpasse CSS-baggrundens egenskaber.

Du kan bruge gradueringsvælgeren til at vælge gradueringens farver, type, vinkel, placering og gennemsigtighed. Du kan se en forhåndsvisning af de indstillinger, du vælger i gradueringsvælgeren, i realtid i temaeditoren. Du kan også oprette en gradueringsbaggrund ved hjælp af CSS-kode, som omfatter en valideringskontrol.

Konfigurer gradueringer

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

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

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

  4. Klik på et eksisterende skema, som du vil redigere, i afsnittet Skemaer.

  5. Klik på indstillingen for gradueringsfarven, som f.eks. Baggrundsgraduering.

  6. Hvis du ikke tidligere har opsat en graduering, vises der flere forudindstillede valgmuligheder, som du kan vælge mellem. Vælg en hvilken som helst forudindstillet graduering for at åbne panelet med valgmuligheder.

  7. Vælg dine gradueringsmuligheder:

    • Vælg mellem en lineær eller radial graduering. Brug knapperne til at vælge din foretrukne gradueringstype.
    • Du kan indstille vinklen på din graduering med pil op og ned. Klik på pil op eller ned for at forøge eller formindske vinklen med 5 procent.
    • Brug skyderen til at vælge din graduerings placering, eller angiv en numerisk værdi i feltet.
    • Du kan angive en specifik hex-kode for en farve eller vælge en farve ved hjælp af skyderen. Dine senest valgte farver vises nederst i panelet med gradueringsmuligheder.
    • Hvis du gerne vil gøre din graduering uigennemsigtig, kan du bruge skyderen til højre til at justere gradueringens gennemsigtighed. Du kan også angive et procenttal i feltet ud for farvens hex-kode.
  8. Klik på Gem.

Gradueringsvælgeren i temaeditoren

Angiv gradueringer ved hjælp af CSS

Du kan bruge de fleste CSS-værdier for background-egenskaber til at angive en baggrundsfarve. Du kan bruge dette felt til uigennemsigtige farver (f.eks. #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) og hsla(0, 0%, 0%, 1) skaber alle en uigennemsigtig sort baggrund). Du kan også bruge feltet til gradueringer (f.eks. linear-gradient(red, green), radial-gradient(red, green) eller conic-gradient(red, green)). Du kan også gentage gradueringer.

Trin:

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

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

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

  4. Klik på et eksisterende skema, som du vil redigere, i afsnittet Skemaer.

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

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

  7. Skriv eller indsæt din gradueringskode i feltet CSS-kode. Temaeditorens forhåndsvisning viser din graduering på den rigtige placering.

  8. Klik på Gem.

Feltet CSS-kode for graduering i temaeditoren

Fjern en graduering

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

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

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

  4. Klik på et eksisterende skema, som du vil redigere, i afsnittet Skemaer.

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

  6. Klik på Fjern graduering

  7. Klik på Gem.

Typografi

Du kan indstille skrifttypestil og størrelse på teksten i din webshop. Du kan vælge en systemskrifttype eller en tilpasset skrifttype.

Overvej at bruge systemskrifttyper i din butik, da systemskrifttyper allerede er installeret på en brugers computer. Når du bruger systemskrifttyper, behøver kunderne ikke at downloade nye skrifttyper, hvilket kunne have en negativ indvirkning på din butiks indlæsningshastighed. Den skrifttype, der vises på din kundes computer, afhænger af vedkommendes operativsystem.

Tilpas dine skrifttyper

Du kan finde en liste over tilgængelige skrifttyper i Shopifys skrifttypebibliotek.

Trin:

Desktop
  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. For at ændre en skrifttype i din butiks overskrifter eller brødtekst skal du klikke på Skift i afsnittet Overskrift eller Brødtekst.

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

  7. Klik på Gem.

iPhone
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på , og tryk derefter på Temaindstillinger.

  6. Tryk på Typografi.

  7. For at ændre en skrifttype i din butiks overskrifter eller brødtekst skal du trykke på Skift i afsnittet Overskrift eller Brødtekst.

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

  9. Tryk på .

Android
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på ..., og tryk derefter på Temaindstillinger.

  6. Tryk på Typografi.

  7. For at ændre en skrifttype i din butiks overskrifter eller brødtekst skal du trykke på Skift i afsnittet Overskrift eller Brødtekst.

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

  9. Tryk på .

Tilpas dine skriftstørrelser

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

Skriftstørrelsen skal mindst være 100 % og må højst være 150 %. Hvert interval på skalaen øger skriftstørrelsen med 5 %. Standardindstillingen er 100 %.

Trin:

Desktop
  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. Du kan ændre standardskriftstørrelsen for Overskrifter ved hjælp af intervalskyderen Størrelsesskala for skrifttype. Brug den til at vælge din standardskriftstørrelse.

  6. Du kan ændre standardskriftstørrelsen for Brødtekst ved hjælp af intervalskyderen Størrelsesskala for skrifttype. Brug den til at vælge din standardskriftstørrelse.

  7. Klik på Gem.

iPhone
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på , og tryk derefter på Temaindstillinger.

  6. Tryk på Typografi.

  7. Du kan ændre standardskriftstørrelsen for Overskrifter ved hjælp af intervalskyderen Størrelsesskala for skrifttype. Brug den til at vælge din standardskriftstørrelse.

  8. Du kan ændre standardskriftstørrelsen for Brødtekst ved hjælp af intervalskyderen Størrelsesskala for skrifttype. Brug den til at vælge din standardskriftstørrelse.

  9. Tryk på .

Android
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på ..., og tryk derefter på Temaindstillinger.

  6. Tryk på Typografi.

  7. Du kan ændre standardskriftstørrelsen for Overskrifter ved hjælp af intervalskyderen Størrelsesskala for skrifttype. Brug den til at vælge din standardskriftstørrelse.

  8. Du kan ændre standardskriftstørrelsen for Brødtekst ved hjælp af intervalskyderen Størrelsesskala for skrifttype. Brug den til at vælge din standardskriftstørrelse.

  9. Tryk på .

Layout

Du kan angive den maksimumbredde, din webshop vises i. Du kan også angive den vandrette og lodrette afstand mellem afsnit.

Trin:

Desktop
  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 intervalskyderen Sidebredde til at vælge en sidebredde på mellem 1000 px og 1600 px. Standardindstillingen er 1600 px.

  6. Valgfrit: Brug intervalskyderen til at tilføje lodret afstand mellem skabelonafsnit på dine sider. Du kan maksimalt tilføje 100 px mellem afsnittene.

  7. Valgfrit: Hvis du har et layoutet af typen Gitter, kan du bruge intervalskyderne Lodret afstand og Vandret afstand til at tilføje afstand mellem gitterets indhold på dine sider. Hvis du tilføjer vandret afstand, føjes der højst en afstand på 40 px til rækkerne med indhold på dine sider. Hvis du tilføjer lodret afstand giver det dig en afstand på højst 40 px plads til kolonnerne med indhold på dine sider.

  8. Klik på Gem.

iPhone
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på , og tryk derefter på Temaindstillinger.

  6. Tryk på Layout.

  7. Brug intervalskyderen Sidebredde til at vælge en sidebredde på mellem 1000 px og 1600 px. Standardindstillingen er 1600 px.

  8. Valgfrit: Brug intervalskyderen til at tilføje lodret afstand mellem skabelonafsnit på dine sider. Du kan maksimalt tilføje 100 px mellem afsnittene.

  9. Valgfrit: Hvis du har et layoutet af typen Gitter, kan du bruge intervalskyderne Lodret afstand og Vandret afstand til at tilføje afstand mellem gitterets indhold på dine sider. Hvis du tilføjer vandret afstand, føjes der højst en afstand på 40 px til rækkerne med indhold på dine sider. Hvis du tilføjer lodret afstand giver det dig en afstand på højst 40 px plads til kolonnerne med indhold på dine sider.

  10. Tryk på Gem.

Android
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på ..., og tryk derefter på Temaindstillinger.

  6. Tryk på Layout.

  7. Brug intervalskyderen Sidebredde til at vælge en sidebredde på mellem 1000 px og 1600 px. Standardindstillingen er 1600 px.

  8. Valgfrit: Brug intervalskyderen til at tilføje lodret afstand mellem skabelonafsnit på dine sider. Du kan maksimalt tilføje 100 px mellem afsnittene.

  9. Valgfrit: Hvis du har et layoutet af typen Gitter, kan du bruge intervalskyderne Lodret afstand og Vandret afstand til at tilføje afstand mellem gitterets indhold på dine sider. Hvis du tilføjer vandret afstand, føjes der højst en afstand på 40 px til rækkerne med indhold på dine sider. Hvis du tilføjer lodret afstand giver det dig en afstand på højst 40 px plads til kolonnerne med indhold på dine sider.

  10. Tryk på .

Animationer

Animationer giver dig mulighed for at føje bevægelse og visuel interesse til din webshop. Du kan aktivere en animation for udtoning, der viser din butiks afsnit ved rulning, og en hover-effekt for dine kort og knapper.

Trin:

Desktop
  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 ved rulning, hvis du vil aktivere en animation, der viser afsnittene i din webshop under rulning.

  6. Valgfrit: Hvis du vil føje en animation med svæveeffekt til dine kort og knapper, skal du vælge en effekt fra indstillingen Svæveeffekt:

    • Lodret lift: Når en kunde holder markøren over et kort eller en knap, skiftes elementets højde.
    • 3D-løft: Når en kunde holder markøren over et kort eller en knap, skifter elementet fremad og giver det en 3D-effekt. Det har også en underfundig stråle, der bevæger sig hen over elementet og giver det et ekstra lag dimensioner.
  7. Klik på Gem.

iPhone
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på , og tryk derefter på Temaindstillinger.

  6. Tryk på Animationer.

  7. Valgfrit: Vælg Vis afsnit ved rulning, hvis du vil aktivere en animation, der viser afsnittene i din webshop under rulning.

  8. Valgfrit: Hvis du vil føje en animation med svæveeffekt til dine kort og knapper, skal du vælge en effekt fra indstillingen Svæveeffekt:

    • Lodret lift: Når en kunde holder markøren over et kort eller en knap, skiftes elementets højde.
    • 3D-løft: Når en kunde holder markøren over et kort eller en knap, skifter elementet fremad og giver det en 3D-effekt. Det har også en underfundig stråle, der bevæger sig hen over elementet og giver det et ekstra lag dimensioner.
  9. Tryk på Gem.

Android
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på ..., og tryk derefter på Temaindstillinger.

  6. Tryk på Animationer.

  7. Valgfrit: Vælg Vis afsnit ved rulning, hvis du vil aktivere en animation, der viser afsnittene i din webshop under rulning.

  8. Valgfrit: Hvis du vil føje en animation med svæveeffekt til dine kort og knapper, skal du vælge en effekt fra indstillingen Svæveeffekt:

    • Lodret lift: Når en kunde holder markøren over et kort eller en knap, skiftes elementets højde.
    • 3D-løft: Når en kunde holder markøren over et kort eller en knap, skifter elementet fremad og giver det en 3D-effekt. Det har også en underfundig stråle, der bevæger sig hen over elementet og giver det et ekstra lag dimensioner.
  9. Tryk på .

Indstillinger for tilpasning af visuelle elementer

Du kan justere udseendet af elementer i dit tema, såsom knapperne, produktkortene og varianterne, fra siden med temaindstillinger. Hver indstilling indeholder de relevante indstillinger for det pågældende element.

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

  • Knapper: Knapper inkludere call to action-knapper i afsnit såsom et diasshow eller billede med tekst, samt knapper i en kontaktformular, på dine produktsider og sider med indkøbskurv.

  • Variantetiketter: Variantetiketter giver dig mulighed for at vise et produkts varianter på en produktside eller i en sektion med fremhævede produkter. Kunder kan vælge den ønskede variant for at lægge produktet i indkøbskurven uden at skulle skifte produktside. Du kan tilpasse, hvordan dine variantetiketter vises i din webshop.

  • Inputs: Inputs er interaktive områder, der kræver kundens input, f.eks. en antalsvælger, en formular til mailtilmelding eller bemærkninger til indkøbskurven. Du kan justere udseendet på din webshops inputs.

  • Indstillingerne for produktkort, kollektionskort og blogkort giver dig muligheden for at tilpasse stilen for hver type kort, når de vises i sideafsnit. - Produktkort: Produktkort viser information om dine produkter i områder af dit tema, der viser flere produkter, såsom kollektionsskabeloner, kollektionsafsnit og søgeresultater. - Kollektionskort: Kollektionskort viser information om din kollektioner i områder af dit tema, der viser kollektioner, såsom en skabelon eller et afsnit til en kollektionsliste. - Blogkort: Blogkort viser oplysninger om dine blogindlæg i områder i temaet, som viser flere produkter, f.eks. blogskabeloner, blogsektioner og søgeresultater.

  • Indholdsbeholdere: Beholdere bruges til tekstelementet i indholdssektioner, f.eks. tekstfelter i et diasshow, på et bannerbillede eller i kolonner i sektioner med flere kolonner. Du kan tilpasse udseendet af indholdsbeholdere i din webshop.

  • Medier: Medier er den visuelle komponent i sektioner, f.eks. produktmediet eller et billede i sektioen Billede med tekst. Du kan føje kanter og skygger til dit medie.

  • Rullemenuer og pop-ops: Du kan justere udseendet på rullemenuer, pop op-modusser og pop op-indkøbskurve i din webshop.

  • Skuffer: Skuffer er skjulte, interaktive beholdere, der vises, når der trykkes eller klikkes på dem, f.eks. en menu, der kan skjules, eller filterindstillinger for kollektioner. Du kan tilpasse kanten og skyggen på skufferne i din webshop.

  • Badges: Badgene Udsalg og Udsolgt føjes automatisk til dine produktbilleder, når du reducerer prisen, eller når lagerantallet når 0. Du kan justere placeringen, formen og farven på dine badges for Udsalg og Udsolgt individuelt i temaindstillingerne. Side- og Blog-badges vises i relevante søgeresultater. Du kan tilpasse placeringen og formen for disse badges, men du kan ikke ændre farven på badgene Side og Blog.

  • Brandoplysninger: Du kan inkludere oplysninger om dit brand i din webshop. Når du har gjort det følgende, kan du tilføje blokken med brandoplysninger i din webshops sidefod.

Trin:

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

  2. Klik på Tilpas 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 gennemgå ændringerne ved at gå til forskellige områder af dit tema i forhåndsvisningsvinduet.

  6. Klik på Gem.

iPhone
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Tilpas 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 gennemgå ændringerne ved at gå til forskellige områder af dit tema i forhåndsvisningsvinduet.

  7. Tryk på .

Android
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Tilpas 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 gennemgå ændringerne ved at gå til forskellige områder af dit tema i forhåndsvisningsvinduet.

  7. Tryk på .

Sociale medier

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

Trin:

Desktop
  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 for dine konti i de relevante felter for Sociale konti. Du skal angive komplette links, som f.eks. https://instagram.com/shopify eller https://tiktok.com/@shopify.

  6. Klik på Gem.

iPhone
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på , 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 for dine konti i de relevante felter for Sociale konti. Du skal angive komplette links, som f.eks. https://instagram.com/shopify eller https://tiktok.com/@shopify.

  8. Tryk på .

Android
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på ..., 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 for dine konti i de relevante felter for Sociale konti. Du skal angive komplette links, som f.eks. https://instagram.com/shopify eller https://tiktok.com/@shopify.

  8. Tryk på .

Søgeadfærd

Din webshop har forudsigende søgning, som viser forslag, når kunder begynder at taste i søgefeltet. Søgningsforslag kan hjælpe dine kunder med at udtrykke og afgrænse deres søgeforespørgsler og give dem mulighed for at udforske din webshop på nye måder. Søgningsforslag giver desuden kunderne mulighed for hurtigt at gennemse match, uden at de behøver at forlade den aktuelle side for at se en separat liste med søgeresultater.

Se Prædiktiv søgning for at få mere at vide om, hvordan søgningsforslag fungerer.

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

Trin:

Desktop
  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. Hvis du vil aktivere eller deaktivere søgeforslag, skal du vælge eller fravælge Aktivér søgeforslag.

  6. Valgfrit: For at vise eller skjule produktforhandleren i søgningsforslag skal du vælge eller fravælge Vis produktforhandler.

  7. Valgfrit: Hvis du vil vise eller skjule produktprisen i søgeforslag, skal du vælge eller fravælge Vis produktpris.

  8. Klik på Gem.

iPhone
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på , og tryk derefter på Temaindstillinger.

  6. Tryk på Søgeadfærd.

  7. Hvis du vil aktivere eller deaktivere søgeforslag, skal du vælge eller fravælge Aktivér søgeforslag.

  8. Valgfrit: For at vise eller skjule produktforhandleren i søgningsforslag skal du vælge eller fravælge Vis produktforhandler.

  9. Valgfrit: Hvis du vil vise eller skjule produktprisen i søgeforslag, skal du vælge eller fravælge Vis produktpris.

  10. Tryk på .

Android
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på ..., og tryk derefter på Temaindstillinger.

  6. Tryk på Søgeadfærd.

  7. Hvis du vil aktivere eller deaktivere søgeforslag, skal du vælge eller fravælge Aktivér søgeforslag.

  8. Valgfrit: For at vise eller skjule produktforhandleren i søgningsforslag skal du vælge eller fravælge Vis produktforhandler.

  9. Valgfrit: Hvis du vil vise eller skjule produktprisen i søgeforslag, skal du vælge eller fravælge Vis produktpris.

  10. Tryk på .

Valutaformat

Du kan vælge, at valutakoden skal vises sammen med priserne på dine produkter.

Trin:

Desktop
  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 få vist valutakoderne.

  6. Klik på Gem.

iPhone
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på , og tryk derefter på Temaindstillinger.

  6. Tryk på Valutaformat.

  7. Vælg Vis valutakoder for at få vist valutakoderne.

  8. Tryk på .

Android
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på ..., og tryk derefter på Temaindstillinger.

  6. Tryk på Valutaformat.

  7. Vælg Vis valutakoder for at få vist valutakoderne.

  8. Tryk på .

Indkøbskurv

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

Trin:

Desktop
  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 Indkøbskurvtype til at vælge indkøbskurvens stil som Skuffe, Side eller Pop op-meddelelse.

  6. Valgfrit: Vælg Vis forhandler, hvis du vil vise forhandlererne af varerne i en kundes indkøbskurv.

  7. Valgfrit: Vælg Aktivér bemærkning til indkøbskurv, hvis du vil give dine kunder et tekstfelt, hvor de kan angive særlige anmodninger eller tilføje yderligere ordreoplysninger.

  8. Valgfrit: Hvis du vælger Skuffe som din indkøbskurvtype, kan du vise en kollektion i indkøbskurvskuffen, når den er tom:

    1. I området Indkøbskurvskuffe skal du klikke på Vælg kollektion.
    2. Klik på navnet på den kollektion, du vil vise, og klik derefter på Vælg.
  9. Valgfrit: Hvis du vælger Skuffe som din indkøbskurvtype, kan du ændre farveskemaet i indkøbskurvskuffen ved at gøre følgende:

    1. I området Indkøbskurvskuffe > Farveskema skal du klikke på Skift.
    2. Vælg et farveskema, som du vil bruge til indkøbskurvskuffen.
  10. Klik på Gem.

iPhone
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på , og tryk derefter på Temaindstillinger.

  6. Tryk på indkøbskurv.

  7. Vælg din indkøbskurvtype blandt valgmulighederne Skuffe, Side eller Pop op-meddelelse.

  8. Valgfrit: Vælg Vis forhandler, hvis du vil vise forhandlererne af varerne i en kundes indkøbskurv.

  9. Valgfrit: Vælg Aktivér bemærkning til indkøbskurv, hvis du vil give dine kunder et tekstfelt, hvor de kan angive særlige anmodninger eller tilføje yderligere ordreoplysninger.

  10. Valgfrit: Hvis du vælger Skuffe som din indkøbskurvtype, kan du vise en kollektion i indkøbskurvskuffen, når den er tom:

    1. I området Indkøbskurvskuffe skal du trykke på Vælg kollektion.
    2. Tryk på navnet på den kollektion, du vil vise, og tryk derefter på Udført.
  11. Valgfrit: Hvis du vælger Skuffe som din indkøbskurvtype, kan du ændre farveskemaet i indkøbskurvskuffen ved at gøre følgende:

    1. I området Indkøbskurvskuffe > Farveskema skal du trykke på Skift.
    2. Vælg et farveskema, du vil bruge til indkøbskurvskuffen, og tryk derefter på Udført.
  12. Tryk på .

Android
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på ..., og tryk derefter på Temaindstillinger.

  6. Tryk på indkøbskurv.

  7. Vælg din indkøbskurvtype blandt valgmulighederne Skuffe, Side eller Pop op-meddelelse.

  8. Valgfrit: Vælg Vis forhandler, hvis du vil vise forhandlererne af varerne i en kundes indkøbskurv.

  9. Valgfrit: Vælg Aktivér bemærkning til indkøbskurv, hvis du vil give dine kunder et tekstfelt, hvor de kan angive særlige anmodninger eller tilføje yderligere ordreoplysninger.

  10. Valgfrit: Hvis du vælger Skuffe som din indkøbskurvtype, kan du vise en kollektion i indkøbskurvskuffen, når den er tom:

    1. I området Indkøbskurvskuffe skal du trykke på Vælg kollektion.
    2. Tryk på navnet på den kollektion, du vil vise, og tryk derefter på Udført.
  11. Valgfrit: Hvis du vælger Skuffe som din indkøbskurvtype, kan du ændre farveskemaet i indkøbskurvskuffen ved at gøre følgende:

    1. I området Indkøbskurvskuffe > Farveskema skal du trykke på Skift.
    2. Vælg et farveskema, du vil bruge til indkøbskurvskuffen, og tryk derefter på Udført.
  12. Tryk på .

Tilpasset CSS

Afsnittet Tilpasset CSS giver dig mulighed for at indtaste din egen CSS-kode, for eksempel for at tilpasse udseendet af din webshops knapper ud over de tilgængelige standardindstillinger, eller for at anvende unik formatering på specifikke tekstelementer.

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

Få mere at vide om, hvordan du føjer tilpasset CSS til dit tema.

Temastil

En temastil er en samling indstillinger, som en temadesigner har valgt. Du kan anvende en temastil i din butik for at give den et flot udseende og god funktionalitet. Alle temaer har en temastil, som anvendes som standard. De andre valgmuligheder 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, som f.eks. farve og typografi.

Trin:

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

iPhone
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på , 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å .

Android
  1. I Shopify-appen skal du trykke på ikonet Menu.

  2. Tryk på Webshop i afsnittet Salgskanaler.

  3. Tryk på Administrer alle temaer.

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

  5. Tryk på ..., 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å .

Kan du ikke finde de svar, du leder efter? Vi er her for at hjælpe.