Hjälp
Logga in

Anpassa temainställningar

Du kan anpassa övergripande inställningar för din webbshop, till exempel typografi, färger, länkar till sociala medier och varukorgssidan, från avsnittet Temainställningar i sidofältsmenyn i temaredigeraren. Ändringar som du gör i avsnittet Temainställningar gäller för hela din webbshop.

Avsnitt och block har även individuella inställningar som du kan justera för att anpassa enskilda avsnitt i ditt tema. Mer information om avsnitt och block.

På den här sidan

Du kan lägga till en logotyp för ditt företag i din webbshop. Logotypen visas på följande platser:

  • i sidhuvudet på alla sidor
  • på lösenordssidan

Anpassa logotypen

Logotypbilder har en maximal bredd på 300 px.

Steg:

Dator

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Hitta det tema som du vill redigera och klicka sedan på Redigera tema.

  3. Klicka på ikonen för Temainställningar settings.

  4. Klicka på Logotyp.

  5. I området Logotyp lägger du till din bild eller använder en gratisbild:

    • Om du vill lägga till din bild klickar du på Välj bild, och lägg sedan till en ny eller befintlig bild:
      • Om du vill använda en bild som du redan har laddat upp till din Shopify-admin väljer du bilden och klickar sedan på Klar.
      • Om du vill använda en bild från din dator klickar du på Lägg till bilder. Välj och lägg till en bild och klicka sedan på Klar.
    • Om du vill använda en gratisbild klickar du på Utforska gratisbilder. Hitta en bild, klicka på den för att välja den och klicka sedan på Välj.

  6. Valfritt: Lägg till alternativtext till din logotypbild:

    1. I området Logotyp klickar du på Redigera.
    2. Ange en kort beskrivning av bilden i fältet Alternativtext.
    3. Klicka på Spara.

  7. Valfritt: I området Logotypbredd för dator kan du använda skjutreglaget för att justera logotypens bredd i pixlar.

  8. Klicka på Spara.

Mobil

  1. Tryck på Menu-ikonen i Shopify-appen.

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema som du vill redigera och tryck sedan på Redigera tema.

  5. Tryck på … eller ⋮ och tryck sedan på Temainställningar.

  6. Tryck på Logotyp.

  7. I området Logotyp lägger du till din bild eller använder en gratisbild:

    • För att lägga till din bild, tryck på Välj bild, och lägg sedan till en ny eller befintlig bild:
      • Om du vill använda en bild som du redan har laddat upp till din Shopify-admin väljer du bilden och trycker sedan på Klar.
      • Tryck på Lägg till bilder för att använda en bild från din lokala enhet. Välj och lägg till en bild från din lokala enhet, tryck på bilden för att välja den och tryck sedan på Klar.
    • Tryck på Utforska gratisbilder om du vill använda en gratisbild. Hitta en bild, tryck på den för att välja den och tryck sedan på Klar.

  8. Valfritt: Lägg till alternativtext till din logotypbild:

    1. I området Logotyp trycker du på Redigera.
    2. Ange en kort beskrivning av bilden i fältet Alternativtext.
    3. Tryck på Spara eller ✓.

  9. Valfritt: I området Logotypbredd för dator kan du använda skjutreglaget för att justera logotypens bredd i pixlar.

  10. Tryck på Spara eller ✓.

Lägg till en favoritikon

Du kan lägga till en favoritikon (favicon), som hjälper dig med varumärkesprofileringen för din webbshop. En favoritikon visas på följande platser:

  • i webbläsarens flik
  • i webbläsarens historik
  • ikoner på ditt skrivbord
  • bredvid ditt butiksnamn när din webbplats är bokmärkt

Mer information om favoritikoner.

Steg:

Dator

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Hitta det tema som du vill lägga till en favoritikon för och klicka sedan på Redigera tema.

  3. Klicka på ikonen för Temainställningar settings.

  4. Beroende på din temaversion, klicka på Logotyp eller Favoritikon.

  5. I avsnittet Favoritikonbild klickar du på Välj bild och lägger sedan till en ny eller befintlig bild:

    • För att välja en bild som du redan har laddat upp till din Shopify-admin kan du söka efter eller hitta bilden och sedan markera den i kryssrutan.
    • För att välja en bild från din lokala dator klickar du på Lägg till bilder, öppnar bilden från din lokala dator och markerar den sedan i kryssrutan.

  6. Klicka på Klar.

  7. Valfritt: Lägg till alternativtext till din favoritikonbild:

    1. I avsnittet Favoritikonbild klickar du på Redigera.
    2. Ange en kort beskrivning av bilden i fältet Alternativtext.
    3. Klicka på Spara.

  8. Klicka på Spara.

Mobil

  1. Tryck på Menu-ikonen i Shopify-appen.

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema som du vill lägga till en favoritikon för och blippa sedan på Redigera tema.

  5. Tryck på … eller ⋮ och tryck sedan på Temainställningar.

  6. Beroende på din temaversion, blippa på Logotyp eller Favoritikon.

  7. I avsnittet Favoritikonbild blippar du på Välj bild och lägger sedan till en ny eller befintlig bild:

    • För att välja en bild som du redan har laddat upp till din Shopify-admin kan du söka efter eller hitta bilden och sedan markera den i kryssrutan.
    • För att välja en bild från din lokala enhet blippar du på Lägg till bilder, öppnar bilden från din lokala enhet och markerar den sedan i kryssrutan.

  8. Blippa på Klar.

  9. Lägg till alternativtext för din favoritikonbild:

    1. I avsnittet Favoritikonbild blippar du på Redigera.
    2. Ange en kort beskrivning av bilden i fältet Alternativtext.
    3. Tryck på Spara eller ✓.

  10. Tryck på Spara eller ✓.

Colors

Du kan definiera olika färgscheman i dina temainställningar och tillämpa färgscheman på olika avsnitt i hela din webbshop med en färgschemaväljare. Ett färgschema är en uppsättning färger. Ditt tema har en uppsättning standardfärgscheman som du kan ändra när som helst i temaredigeraren. Du kan lägga till dina varumärkesfärger för att säkerställa en konsekvent tillämpning av din färgpalett i hela din webbshop.

Mallar har inte enskilda färginställningar så att din webbshopsdesign är konsekvent på hela din webbplats. En mall betraktas som en huvudsida eller huvudinnehållet för en butik. Att ha olika färgscheman i hela din butik kan leda till en dålig användarupplevelse och kan göra att kunder lämnar din butik utan att köpa produkter.

Du kan skapa och anpassa upp till 21 unika färgscheman och tillämpa dem på olika avsnitt i hela din webbshop.

Färgscheman

Färgscheman är en temainställning som grupperar element och deras respektive färger på ett visuellt representativt sätt. Du kan tilldela olika färger till olika element i ett sammanhängande färgschema som kan tillämpas i hela ditt tema där en färgschemaväljare är tillgänglig. Du kan ha upp till 21 färgscheman. Du kan även förhandsgranska hur dina färger visas i schemats förhandsgranskning.

Lista över olika inställningar som du kan tillämpa på färgscheman i temaredigeraren.
InställningBeskrivning
BakgrundFärgen tillämpas på bakgrunden i vissa avsnitt och på bakgrunden för konturknappen.
BakgrundsgradientEn färggradient tillämpas på bakgrunden i vissa avsnitt. Bakgrundsgradienter ersätter bakgrunden där det är möjligt.
TextFärgen tillämpas på avsnitts- eller blocktexten.
Bakgrund för heldragen knappFärgen tillämpas på den primära knappens bakgrund.
Etikett för heldragen knappFärgen tillämpas på den primära knappens text.
KonturknappFärgen tillämpas på den sekundära knappens text och kantlinje.
SkuggaFärgen tillämpas på skuggorna.

Hantera ditt färgschema

Din butiks färgschema och färgalternativ ställs in i dina temainställningar. För solida färger använder du färgväljaren för att välja en ny färg eller anger värdet på färgen i textfältet. Färgfältet accepterar följande färgnamn och färgvärden:

  • Färgnamn som red, black eller blue.
  • RGB-färgkoder.
  • Hexadecimala färgvärden.

Steg:

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Klicka på Redigera tema bredvid det tema som du vill anpassa.

  3. Klicka på ikonen inställningar och klicka sedan på Färger.

  4. I avsnittet Scheman klickar du på ett befintligt schema eller klickar på Lägg till schema för att lägga till ett nytt färgschema.

  5. Klicka på färgprovet för den innehållstypsfärg som du vill ändra.

  6. Ange en hex-färgkod eller välj färgen från färgväljaren för att ställa in din färg. Radera hex-koden från textfältet för att ställa in färgen på transparent.

  7. Klicka på Spara.

Tillämpa ditt färgschema

När du har definierat ditt färgschema i dina temainställningar kan du tilldela ett färgschema med hjälp av färgschemaväljaren i ditt temas avsnitt och block. Färgschemaväljaren är endast tillgänglig i vissa avsnitt, block och allmänna temainställningar.

Färgschemaväljare

Gradienter

Du kan ställa in en färggradient i vissa teman för visuellt intressanta bakgrundsalternativ. Inställningen color_background används för att anpassa CSS-bakgrundsegenskapen.

Med gradientväljaren kan du välja färger, gradientstil, vinkel, position och opacitet för gradienten. Alternativen som valts i gradientväljaren förhandsgranskas i realtid i temaredigeraren. Du kan även skapa en gradientbakgrund med CSS-kod, som innehåller en valideringskontroll.

Konfigurera gradienter

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Klicka på Redigera tema bredvid det tema som du vill anpassa.

  3. Klicka på ikonen inställningar och klicka sedan på Färger.

  4. I avsnittet Scheman klickar du på ett befintligt schema som du vill redigera.

  5. Klicka på alternativet för gradientfärgprov, till exempel Bakgrundsgradient.

  6. Om du inte har ställt in en övertoning tidigare visas några förinställda alternativ. Välj en förinställd övertoning för att öppna alternativpanelen.

  7. Välj övertoningsalternativ:

  • Välj mellan en linjär eller radiell övertoning. Använd knapparna för att välja önskad övertoningsstil.
  • Ställ in övertoningens vinkel med upp- och nedpilarna. Klicka på upp- eller nedpilen för att öka eller minska vinkeln med 5.
  • Använd skjutreglaget för att välja position för övertoningen, eller ange ett numeriskt värde i fältet.
  • Ange en specifik färghexkod eller använd färgreglaget för att välja en nyans. Nyligen valda färger visas längst ner i panelen för övertoningsalternativ.
  • För att göra övertoningen opak kan du använda skjutreglaget till höger för att välja transparens. Du kan även ange en procentsats i fältet bredvid färghexkoden.
  1. Klicka på Spara.

Övertoningsväljare i temaredigeraren

Använd CSS för att ställa in övertoningar

De flesta CSS-egenskapsvärden för background kan användas för att ange en bakgrundsfärg. Du kan använda det här fältet för solida färger (till exempel #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0 %, 0 %) och hsla(0, 0 %, 0 %, 1) producerar alla en solid svart bakgrund) eller för övertoningar (till exempel linear-gradient(red, green), radial-gradient(red, green) eller conic-gradient(red, green)). Övertoningar kan även repeteras.

Steg:

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Klicka på Redigera tema bredvid det tema som du vill anpassa.

  3. Klicka på ikonen inställningar och klicka sedan på Färger.

  4. I avsnittet Scheman klickar du på ett befintligt schema som du vill redigera.

  5. Klicka på övertoningen som du vill redigera.

  6. Klicka på pilen bredvid Övertoning och välj sedan CSS.

  7. I fältet CSS-kod skriver du in eller klistrar in din övertoningskod. Förhandsgranskningen i temaredigeraren visar din övertoning på rätt plats.

  8. Klicka på Spara.

Fältet CSS-kod för övertoning i temaredigeraren

Ta bort en övertoning

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Klicka på Redigera tema bredvid det tema som du vill anpassa.

  3. Klicka på ikonen inställningar och klicka sedan på Färger.

  4. I avsnittet Scheman klickar du på ett befintligt schema som du vill redigera.

  5. Klicka på övertoningen som du vill ta bort.

  6. Klicka på Ta bort övertoning.

  7. Klicka på Spara.

Typografi

Du kan ställa in teckensnittsstil och -storlek för texten i din webbshop. Du kan välja ett systemteckensnitt eller lägga till ett anpassat teckensnitt. Vilka teckensnitt som är tillgängliga i ditt tema beror på temats utvecklare. Alla kostnadsfria Shopify-teman använder teckensnitt från Shopifys teckensnittsbibliotek.

Överväg att använda systemteckensnitt i din butik, eftersom systemteckensnitt redan är installerade på en användares dator. Genom att använda systemteckensnitt undviks nedladdning av nya teckensnitt till kundens dator, vilket kan påverka butikens laddningshastighet negativt. Vilket teckensnitt som visas på kundens dator beror på kundens operativsystem.

Anpassa teckensnittstyper

Se Shopifys teckensnittsbibliotek för en lista över tillgängliga teckensnitt.

Steg:

Dator

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Hitta det tema som du vill redigera och klicka sedan på Redigera tema.

  3. Klicka på ikonen för Temainställningar settings.

  4. Klicka på Typografi.

  5. För att ändra en teckensnittstyp för butikens rubriker eller brödtext, klicka på Ändra i avsnittet Rubriker eller Brödtext.

  6. Klicka på namnet på det teckensnitt du vill använda och klicka sedan på Välj.

  7. Klicka på Spara.

Mobil

  1. Tryck på Menu-ikonen i Shopify-appen.

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema som du vill redigera och tryck sedan på Redigera tema.

  5. Tryck på … eller ⋮ och tryck sedan på Temainställningar.

  6. Tryck på Typografi.

  7. För att ändra en teckensnittstyp för butikens rubriker eller brödtext, tryck på Ändra i avsnittet Rubriker eller Brödtext.

  8. Tryck på namnet på det teckensnitt du vill använda och tryck sedan på Klar.

  9. Tryck på Spara eller ✓.

Anpassa teckensnittsstorlekar

Du kan ange standardteckensnittsstorlekar för rubriker och brödtext med temainställningen Typografi.

Lägsta teckensnittsstorlek är 100 % och högsta är 150 %. Varje steg på skalan ökar teckensnittsstorleken med 5 %. Standardinställningen är 100 %.

Steg:

Dator

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Hitta det tema som du vill redigera och klicka sedan på Redigera tema.

  3. Klicka på ikonen för Temainställningar settings.

  4. Klicka på Typografi.

  5. För att ändra standardteckensnittsstorleken för text i rubriker, använd skjutreglaget för teckensnittsstorleksskala för att välja standardteckensnittsstorlek.

  6. För att ändra standardteckensnittsstorleken för brödtext, använd skjutreglaget för teckensnittsstorleksskala för att välja standardteckensnittsstorlek.

  7. Klicka på Spara.

Mobil

  1. Tryck på Menu-ikonen i Shopify-appen.

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema som du vill redigera och tryck sedan på Redigera tema.

  5. Tryck på … eller ⋮ och tryck sedan på Temainställningar.

  6. Tryck på Typografi.

  7. För att ändra standardteckensnittsstorleken för text i rubriker, använd skjutreglaget för teckensnittsstorleksskala för att välja standardteckensnittsstorlek.

  8. För att ändra standardteckensnittsstorleken för brödtext, använd skjutreglaget för teckensnittsstorleksskala för att välja standardteckensnittsstorlek.

  9. Tryck på Spara eller ✓.

Layout

Du kan ange den maximala bredd som din webbshop visas med och ange det vertikala och horisontella utrymmet mellan avsnitten.

Steg:

Dator

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Hitta det tema som du vill redigera och klicka sedan på Redigera tema.

  3. Klicka på ikonen för Temainställningar settings.

  4. Klicka på Layout.

  5. Använd skjutreglaget Sidbredd för att välja en sidbredd mellan 1 000 px och 1 600 px. Standardinställningen är 1 600 px.

  6. Valfritt: Använd skjutreglaget för att lägga till vertikalt utrymme mellan mallavsnitt på dina sidor. Du kan lägga till högst 100 px mellan avsnitten.

  7. Valfritt: Om du har en rutnätslayout kan du använda skjutreglagen Horisontellt utrymme och Vertikalt utrymme för att lägga till avstånd mellan rutnätsinnehållet på dina sidor. Genom att lägga till horisontellt utrymme läggs ett avstånd på högst 40 px till i innehållsraderna på dina sidor, medan vertikalt utrymme lägger till ett avstånd på högst 40 px i innehållskolumnerna på dina sidor.

  8. Klicka på Spara.

Mobil

  1. Tryck på Menu-ikonen i Shopify-appen.

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema som du vill redigera och tryck sedan på Redigera tema.

  5. Tryck på … eller ⋮ och tryck sedan på Temainställningar.

  6. Tryck på Layout.

  7. Använd skjutreglaget Sidbredd för att välja en sidbredd mellan 1 000 px och 1 600 px. Standardinställningen är 1 600 px.

  8. Valfritt: Använd skjutreglaget för att lägga till vertikalt utrymme mellan mallavsnitt på dina sidor. Du kan lägga till högst 100 px mellan avsnitten.

  9. Valfritt: Om du har en rutnätslayout kan du använda skjutreglagen Horisontellt utrymme och Vertikalt utrymme för att lägga till avstånd mellan rutnätsinnehållet på dina sidor. Genom att lägga till horisontellt utrymme läggs ett avstånd på högst 40 px till i innehållsraderna på dina sidor, medan vertikalt utrymme lägger till ett avstånd på högst 40 px i innehållskolumnerna på dina sidor.

  10. Tryck på Spara eller ✓.

Animationer

Med animationer kan du lägga till rörelse och visuellt intresse i din webbshop. Du kan aktivera en intoningsanimation som visar butikens avsnitt vid rullning och en hovringseffekt för kort och knappar.

Steg:

Dator

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Hitta det tema som du vill redigera och klicka sedan på Redigera tema.

  3. Klicka på ikonen för Temainställningar settings.

  4. Klicka på Animationer.

  5. Valfritt: För att aktivera en animation som visar din webbshops avsnitt vid rullning, välj Visa avsnitt vid rullning.

  6. Valfritt: Om du vill lägga till en animation med hovringseffekt för kort och knappar väljer du ett av följande alternativ från inställningen Hovringseffekt:

    • Vertikalt lyft: När en kund hovrar över ett kort eller en knapp flyttas elementet uppåt.
    • 3D-lyft: När en kund hovrar över ett kort eller en knapp flyttas elementet framåt, vilket ger det en 3D-effekt. Det har också en diskret glans som rör sig över elementet, vilket ger det ytterligare en dimension.

  7. Klicka på Spara.

Mobil

  1. Tryck på Menu-ikonen i Shopify-appen.

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema som du vill redigera och tryck sedan på Redigera tema.

  5. Tryck på … eller ⋮ och tryck sedan på Temainställningar.

  6. Tryck på Animationer.

  7. Valfritt: För att aktivera en animation som visar din webbshops avsnitt vid rullning, välj Visa avsnitt vid rullning.

  8. Valfritt: Om du vill lägga till en animation med hovringseffekt för kort och knappar väljer du ett av följande alternativ från inställningen Hovringseffekt:

    • Vertikalt lyft: När en kund hovrar över ett kort eller en knapp flyttas elementet uppåt.
    • 3D-lyft: När en kund hovrar över ett kort eller en knapp flyttas elementet framåt, vilket ger det en 3D-effekt. Det har också en diskret glans som rör sig över elementet, vilket ger det ytterligare en dimension.

  9. Tryck på Spara eller ✓.

Anpassningsinställningar för visuella element

Du kan justera utseendet på element i ditt tema, till exempel knappar, produktkort och varianter, från sidan Temainställningar. Varje alternativ innehåller relevanta inställningar för det elementet.

Du kan justera inställningarna för följande element i ditt tema:

  • Knappar: Knappar inkluderar call-to-action-knappar i avsnitt som bildspel eller bild med text, samt knapparna i ett kontaktformulär, på produktsidor och på varukorgssidor.
  • Variantknappar: Med variantknappar kan du visa varianterna av en produkt på en produktsida eller i ett avsnitt med utvalda produkter. Kunder kan välja önskad variant för att lägga till produkten i varukorgen utan att behöva byta produktsida. Du kan anpassa hur variantknapparna visas i webbshoppen.
  • Inmatningsfält: Inmatningsfält är interaktiva områden som kräver indata från kunden, till exempel en kvantitetsväljare, ett formulär för e-postregistrering eller varukorgsanteckningar. Du kan anpassa utseendet på inmatningsfälten i webbshoppen.
  • Med inställningarna för produktkort, produktseriekort och bloggkort kan du anpassa stilen för varje typ av kort när de visas i sidavsnitt.
    • Produktkort: Produktkort visar information om produkterna i områden i temat som listar flera produkter, till exempel produktseriemallar, produktserieavsnitt och sökresultat.
    • Produktseriekort: Produktseriekort visar information om produktserierna i områden i temat som listar produktserier, till exempel i en mall eller ett avsnitt för produktserielistor.
    • Bloggkort: Bloggkort visar information om bloggposterna i områden i temat som listar flera produkter, till exempel bloggmallar, bloggavsnitt och sökresultat.
  • Innehållsbehållare: Behållare används för textelementet i innehållsavsnitt, till exempel textrutan i ett bildspel, på en bildbanner eller i kolumnerna i flerakolumnsavsnitt. Du kan anpassa utseendet på innehållsbehållarna för webbshoppen.
  • Media: Media är den visuella komponenten i avsnitt, till exempel produktmedia eller en bild i avsnittet Bild med text. Du kan lägga till ramar och skuggor för medierna.
  • Rullgardinsmenyer och pop up-fönster: Du kan anpassa utseendet på rullgardinsmenyer, spärrande pop up-fönster och pop up-fönster för varukorgen i webbshoppen.
  • Paneler: Paneler är dolda, interaktiva behållare som visas när man trycker eller klickar på dem, till exempel infällbara menyer eller alternativ för produktseriefilter. Du kan anpassa ramen och skuggan på panelerna i webbshoppen.
  • Brickor: Brickorna Rea och Slutsåld läggs automatiskt till på produktbilderna när du sänker priset eller när lagersaldot når 0. Du kan anpassa position, form och färg för Rea- och Slutsåld-brickorna individuellt i temainställningarna. Sida- och Blogg-brickor visas i relevanta sökresultat. Du kan anpassa positionen och formen på dessa brickor, men du kan inte ändra färgen på Sida- och Blogg-brickorna.
  • Varumärkesinformation: Du kan inkludera information om ditt varumärke i din webbshop. När du har slutfört följande steg kan du lägga till blocket Varumärkesinformation i sidfoten i webbshoppen.

Steg:

Dator

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Klicka på Redigera tema bredvid det tema som du vill redigera.

  3. Klicka på ikonen inställningar.

  4. Klicka på ett element för att öppna inställningarna.

  5. Justera valfria tillgängliga inställningar. Du kan granska ändringarna genom att navigera till olika delar av temat i förhandsgranskningsfönstret.

  6. Klicka på Spara.

Mobil

  1. Tryck på Menu-ikonen i Shopify-appen.

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Redigera tema bredvid det tema som du vill redigera.

  4. Tryck på ikonen inställningar.

  5. Tryck på ett element för att öppna inställningarna.

  6. Justera valfria tillgängliga inställningar. Du kan granska ändringarna genom att navigera till olika delar av temat i förhandsgranskningsfönstret.

  7. Tryck på Spara eller ✓.

Sociala medier

Du kan lägga till länkar till dina konton för sociala medier som visas i sidfoten i webbshoppen.

Steg:

Dator

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Hitta det tema som du vill redigera och klicka sedan på Redigera tema.

  3. Klicka på ikonen för Temainställningar settings.

  4. Klicka på Sociala medier.

  5. Ange webbadresserna för kontona i relevanta fält för Sociala konton för att lägga till länkar till kontona för sociala medier. Du måste ange fullständiga länkar, till exempel https://instagram.com/shopify eller https://tiktok.com/@shopify.

  6. Klicka på Spara.

Mobil

  1. Tryck på Menu-ikonen i Shopify-appen.

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema som du vill redigera och tryck sedan på Redigera tema.

  5. Tryck på … eller ⋮ och tryck sedan på Temainställningar.

  6. Tryck på Sociala medier.

  7. Ange webbadresserna för kontona i relevanta fält för Sociala konton för att lägga till länkar till kontona för sociala medier. Du måste ange fullständiga länkar, till exempel https://instagram.com/shopify eller https://tiktok.com/@shopify.

  8. Tryck på Spara eller ✓.

Sökbeteende

Webbshoppen har en funktion för prediktiv sökning, som visar förslag när kunderna börjar skriva i sökfältet. Sökförslag kan hjälpa kunderna att formulera och förfina sina sökfrågor och ge dem nya sätt att utforska webbshoppen. Sökförslag kan även låta kunderna snabbt bläddra bland matchningar utan att behöva lämna den aktuella sidan för att se en separat lista med sökresultat.

Mer information om hur sökförslag fungerar finns i Prediktiv sökning.

Du kan anpassa hur sökförslag visas för dina kunder.

Steg:

Dator

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Hitta det tema som du vill redigera och klicka sedan på Redigera tema.

  3. Klicka på ikonen för Temainställningar settings.

  4. Klicka på Sökbeteende.

  5. Markera eller avmarkera Aktivera sökförslag för att aktivera eller inaktivera sökförslag.

  6. Valfritt: Markera eller avmarkera Visa produktsäljare för att visa eller dölja produktsäljaren i sökförslag.

  7. Valfritt: Markera eller avmarkera Visa produktpris för att visa eller dölja produktpriset i sökförslag.

  8. Klicka på Spara.

Mobil

  1. Tryck på Menu-ikonen i Shopify-appen.

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema som du vill redigera och tryck sedan på Redigera tema.

  5. Tryck på … eller ⋮ och tryck sedan på Temainställningar.

  6. Tryck på Sökbeteende.

  7. Markera eller avmarkera Aktivera sökförslag för att aktivera eller inaktivera sökförslag.

  8. Valfritt: Markera eller avmarkera Visa produktsäljare för att visa eller dölja produktsäljaren i sökförslag.

  9. Valfritt: Markera eller avmarkera Visa produktpris för att visa eller dölja produktpriset i sökförslag.

  10. Tryck på Spara eller ✓.

Valutaformat

Du kan välja att visa valutakoden tillsammans med priser på produkterna.

Steg:

Dator

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Hitta det tema som du vill redigera och klicka sedan på Redigera tema.

  3. Klicka på ikonen för Temainställningar settings.

  4. Klicka på Valutaformat.

  5. Markera Visa valutakoder för att visa valutakoder.

  6. Klicka på Spara.

Mobil

  1. Tryck på Menu-ikonen i Shopify-appen.

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema som du vill redigera och tryck sedan på Redigera tema.

  5. Tryck på … eller ⋮ och tryck sedan på Temainställningar.

  6. Tryck på Valutaformat.

  7. Markera Visa valutakoder för att visa valutakoder.

  8. Tryck på Spara eller ✓.

Varukorg

Du kan ändra stilen på varukorgen i webbshoppen. När en kund lägger till en produkt från din butik i sin varukorg kan varukorgen visas som en panel, en sida eller ett pop up-meddelande. Använd alternativet med panel eller pop up-meddelande för att behålla kunden på produktsidan. Använd alternativet med sida för att ta kunden till varukorgssidan. När kundens varukorg är tom kan du visa en utvald produktserie i varukorgspanelen.

Steg:

Dator

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Hitta det tema som du vill redigera och klicka sedan på Redigera tema.

  3. Klicka på ikonen för Temainställningar settings.

  4. Klicka på Varukorg.

  5. Använd rullgardinsmenyn Varukorgstyp för att välja varukorgsstilen Panel, Sida eller Popup-meddelande.

  6. Valfritt: Markera Visa säljare för att visa säljarna för artiklarna i en kunds varukorg.

  7. Valfritt: Markera Aktivera varukorgsanteckning för att ge kunderna en textruta där de kan ange särskilda önskemål eller lägga till extra orderinformation.

  8. Valfritt: Om du väljer Panel som Varukorgstyp kan du visa en produktserie i varukorgspanelen när den är tom:

    1. Klicka på Välj produktserie i området Varukorgspanel.
    2. Klicka på namnet på den produktserie du vill visa och klicka sedan på Välj.

  9. Valfritt: Om du väljer Panel som Varukorgstyp kan du ändra färgschemat för varukorgspanelen genom att följa dessa steg:

    1. I avsnittet Varukorgspanel > Färgschema klickar du på Ändra.
    2. Välj ett färgschema för din varukorgspanel.

  10. Klicka på Spara.

Mobil

  1. Tryck på Menu-ikonen i Shopify-appen.

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema som du vill redigera och tryck sedan på Redigera tema.

  5. Tryck på … eller ⋮ och tryck sedan på Temainställningar.

  6. Tryck på Varukorg.

  7. Välj varukorgstyp från alternativen Panel, Sida eller Popup-meddelande.

  8. Valfritt: Markera Visa säljare för att visa säljarna för artiklarna i en kunds varukorg.

  9. Valfritt: Markera Aktivera varukorgsanteckning för att ge kunderna en textruta där de kan ange särskilda önskemål eller lägga till extra orderinformation.

  10. Valfritt: Om du väljer Panel som Varukorgstyp kan du visa en produktserie i varukorgspanelen när den är tom:

    1. I avsnittet Varukorgspanel trycker du på Välj produktserie.
    2. Tryck på namnet på den produktserie som du vill visa och tryck sedan på Klar.

  11. Valfritt: Om du väljer Panel som Varukorgstyp kan du ändra färgschemat för varukorgspanelen genom att följa dessa steg:

    1. I avsnittet Varukorgspanel > Färgschema trycker du på Ändra.
    2. Välj ett färgschema för din varukorgspanel och tryck sedan på Klar.

  12. Tryck på Spara eller ✓.

Anpassad CSS

I avsnittet Anpassad CSS kan du ange din egen CSS-kod för att till exempel anpassa utseendet på din webbshops knappar utöver de standardinställningar som är tillgängliga, eller för att tillämpa unik stil på specifika textelement.

Anpassad CSS i dina temainställningar påverkar alla sidor i din webbshop, förutom kassan.

Läs mer om att lägga till anpassad CSS i ditt tema.

Temastil

En temastil är en uppsättning inställningar som valts av en temadesigner. Du kan tillämpa en temastil på din butik för att ge den ett polerat utseende och en proffsig känsla. Alla teman har en temastil som tillämpas som standard. Vilka andra temastilsalternativ du har beror på vilket tema du använder.

När du anpassar ett tema ersätter du temastilsinställningarna med dina egna. När du tillämpar en temastil på ditt tema ändras dina aktuella inställningar, till exempel färger och typografi.

Steg:

Dator

  1. Gå till Webbshop > Teman från din Shopify-admin.

  2. Hitta det tema som du vill redigera och klicka sedan på Redigera tema.

  3. Klicka på ikonen för Temainställningar settings.

  4. Klicka på Temastil.

  5. Välj den temastil du vill använda och klicka sedan på Ändra stil.

  6. Klicka på Spara.

Mobil

  1. Tryck på Menu-ikonen i Shopify-appen.

  2. Tryck på Webbshop i avsnittet Försäljningskanaler.

  3. Tryck på Hantera alla teman.

  4. Hitta det tema som du vill redigera och tryck sedan på Redigera tema.

  5. Tryck på … eller ⋮ och tryck sedan på Temainställningar.

  6. Tryck på Temastil.

  7. Välj den temastil du vill använda och tryck sedan på Klar.

  8. Tryck på Spara eller ✓.