Logga in
Starta gratis testversion

Temainställningar

Du kan använda temainställningar för att göra ändringar i webbshoppens typografi, färger, länkar till sociala medier och varukorgssida. När du gör ändringar i temainställningarna gäller de för hela webbshoppen.

På den här sidan

Logotyp

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

  • din sidfot på alla sidor
  • din lösenordssida

Anpassa din logotyp

Logotypbilder har en maximal bredd på 300 px.

Steg:

Dator

  1. Från din Shopify-admin går du till Webbshop > Teman.

  2. Hitta det tema du vill redigera och klicka på Anpassa.

  3. Klicka på kugghjulsikonen Temainställningar.

  4. Klicka på logotypen.

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

    • Lägg till bilden genom att klicka på Välj bild och sedan lägga till en ny eller befintlig bild:

      • Om du vill använda en bild som du redan har laddat upp till Shopify-admin väljer du bilden och klickar sedan på Klar.
      • Klicka på Lägg till bilder för att använda en bild från din lokala dator. Välj och lägg till en bild och klicka sedan på Klar.

    • Klicka på Utforska gratisbilder för att använda en gratis bild. Hitta en bild, klicka på bilden för att välja den och klicka sedan på Välj.

  6. Valfritt: Lägg till alternativtext till logotypbilden:

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

  7. Valfritt: Använd intervallreglaget för att justera logotypens pixelbredd i området Logotypbredd för skrivbord/dator.

  8. Klicka på Spara.

iPhone

  1. Från Shopify-appen trycker du på knappen ….

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

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Anpassa.

  5. Tryck på ⋮ och sedan på Temainställningar.

  6. Tryck på Logotyp.

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

    • Du kan lägga till en bild genom att trycka på Välj bild och sedan lägga till en ny eller befintlig bild:

      • Om du vill använda en bild som du redan har laddat upp till Shopify-admin så väljer du bilden och trycker sedan på Klar.
      • Tryck på Lägg till bilder för att använda en bild från en lokal enhet. Välj och lägg till en bild från en lokal enhet, tryck på bilden för att välja den och tryck sedan på Klar.

    • Om du vill använda en gratis bild trycker du på Utforska gratisbilder. Hitta en bild, tryck på bilden för att välja den och tryck sedan på Klar.

  8. Valfritt: Lägg till alternativtext till logotypbilden:

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

  9. Valfritt: Använd intervallreglaget för att justera logotypens pixelbredd i området Logotypbredd för skrivbord/dator.

  10. Tryck på Spara.

Android

  1. I Shopify-appen trycker du på knappen ☰.

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

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Anpassa.

  5. Tryck på … och sedan på Temainställningar.

  6. Tryck på Logotyp.

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

    • Du kan lägga till en bild genom att trycka på Välj bild och sedan lägga till en ny eller befintlig bild:

      • Om du vill använda en bild som du redan har laddat upp till Shopify-admin så väljer du bilden och trycker sedan på Klar.
      • Tryck på Lägg till bilder för att använda en bild från en lokal enhet. Välj och lägg till en bild från en lokal enhet, tryck på bilden för att välja den och tryck sedan på Klar.

    • Om du vill använda en gratis bild trycker du på Utforska gratisbilder. Hitta en bild, tryck på bilden för att välja den och tryck sedan på Klar.

  8. Valfritt: Lägg till alternativtext till logotypbilden:

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

  9. Valfritt: Använd intervallreglaget för att justera logotypens pixelbredd i området Logotypbredd för skrivbord/dator.

  10. Tryck på ✓.

Lägga till en favoritikon

Du kan lägga till en favoritikon, eller favicon, som hjälper dig med varumärkeshanteringen i webbshoppen. En favoritikon visas på följande platser:

  • din webbläsarflik
  • din webbläsarhistorik
  • skrivbordsikoner
  • bredvid webbshopsnamnet när webbplatsen är bokmärkt

Mer information om faviconer.

Steg:

Dator

  1. Från din Shopify-admin går du till Webbshop > Teman.

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

  3. Klicka på kugghjulsikonen Temainställningar.

  4. Beroende på din temaversion klickar du på Logotyp eller Favoritikon.

  5. Klicka på Välj bild i avsnittet Favoritikon och lägg sedan till en ny eller befintlig bild:

    • Om du vill välja en bild som du redan har laddat upp till din Shopify-administratör kan du söka efter eller leta rätt på bilden och sedan markera den med kryssrutan.
    • Om du vill 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 med kryssrutan.

  6. Klicka på Done (Klar).

  7. Valfritt: Lägg till alternativtext till favoritikon-bilden:

    1. Gå till avsnittet Favoritikonbild och klicka på Redigera.
    2. Ange en kort beskrivning av bilden i fältet Alternativtext.
    3. Klicka på Spara.

  8. Klicka på Spara.

iPhone

  1. Från Shopify-appen trycker du på knappen ….

  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 tryck sedan på Anpassa.

  5. Tryck på ⋮ och sedan på Temainställningar.

  6. Beroende på vad du har för temaversion klickar du på Logotyp eller Favoritikon.

  7. Tryck på Välj bild i avsnittet Favoritikon-bild och lägg sedan till en ny eller befintlig bild:

    • Om du vill välja en bild som du redan har laddat upp till din Shopify-administratör kan du söka efter eller leta rätt på bilden och sedan markera den med kryssrutan.
    • Om du vill välja en bild från din lokala enhet trycker du på Lägg till bilder, öppnar bilden från din lokala enhet och markerar den med kryssrutan.

  8. Klicka på Klar.

  9. Lägg till alternativ text till din faviconbild:

    1. Gå till avsnittet Favoritikonbild och tryck på Redigera.
    2. Ange en kort beskrivning av bilden i fältet Alternativtext.
    3. Tryck på Spara.

  10. Tryck på Spara.

Android

  1. I Shopify-appen trycker du på knappen ☰.

  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 tryck sedan på Anpassa.

  5. Tryck på … och sedan på Temainställningar.

  6. Beroende på vad du har för temaversion klickar du på Logotyp eller Favoritikon.

  7. Tryck på Välj bild i avsnittet Favoritikon-bild och lägg sedan till en ny eller befintlig bild:

    • Om du vill välja en bild som du redan har laddat upp till din Shopify-administratör kan du söka efter eller leta rätt på bilden och sedan markera den med kryssrutan.
    • Om du vill välja en bild från din lokala enhet trycker du på Lägg till bilder, öppnar bilden från din lokala enhet och markerar den med kryssrutan.

  8. Klicka på Klar.

  9. Lägg till alternativ text till din faviconbild:

    1. Gå till avsnittet Favoritikonbild och tryck på Redigera.
    2. Ange en kort beskrivning av bilden i fältet Alternativtext.
    3. Tryck på Spara.

  10. Tryck på ✓.

Färger

Du kan skapa och anpassa upp till 21 unika färgscheman och tillämpa dem på olika avsnitt i webbshoppen. Mer information om färgalternativ, färgscheman och färgtoningar.

Steg:

Dator

  1. Från din Shopify-admin går du till Webbshop > Teman.

  2. Hitta det tema du vill redigera och klicka på Anpassa.

  3. Klicka på kugghjulsikonen Temainställningar

  4. Klicka på Färger.

  5. Klicka på ett befintligt schema i avsnittet Scheman eller klicka på Lägg till schema för att lägga till ett nytt färgschema.

  6. Klicka på färgprovet för att ändra färg på följande innehållstyp och redigera färgschemat:

    • Bakgrund
    • Tonad bakgrund
    • Text
    • Enfärgad knappbakgrund
    • Enfärgad knappetikett
    • Knappkontur
    • Skugga

  7. Ställ in färg genom att ange hexfärgkoden eller välja färgen från färgväljaren. Radera hexfärgkoden från textfältet för att ställa in färgen till transparent.

  8. Klicka på Spara.

iPhone

  1. Från Shopify-appen trycker du på Horisontell meny-knappen.

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

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Anpassa.

  5. Tryck på ⋮ och sedan på Temainställningar.

  6. Tryck på Färger.

  7. Tryck på ett befintligt schema i avsnittet Scheman eller tryck på Lägg till schema för att lägga till ett nytt färgschema.

  8. Om du vill redigera färgschemat trycker du på färgkartan för att ändra följande färger för innehållstyp:

    • Bakgrund
    • Tonad bakgrund
    • Text
    • Enfärgad knappbakgrund
    • Enfärgad knappetikett
    • Knappkontur
    • Skugga

  9. Ställ in färg genom att ange hexfärgkoden eller välja färgen från färgväljaren. Radera hexfärgkoden från textfältet för att ställa in färgen till transparent.

  10. Klicka på Klar.

  11. Tryck på Spara.

Android

  1. Från Shopify-appen trycker du på Meny-knappen.

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

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Anpassa.

  5. Tryck på … och sedan på Temainställningar.

  6. Tryck på Färger.

  7. Tryck på ett befintligt schema i avsnittet Scheman eller tryck på Lägg till schema för att lägga till ett nytt färgschema.

  8. Om du vill redigera färgschemat trycker du på färgkartan för att ändra följande färger för innehållstyp:

    • Bakgrund
    • Tonad bakgrund
    • Text
    • Enfärgad knappbakgrund
    • Enfärgad knappetikett
    • Knappkontur
    • Skugga

  9. Ställ in färg genom att ange hexfärgkoden eller välja färgen från färgväljaren. Radera hexfärgkoden från textfältet för att ställa in färgen till transparent.

  10. Klicka på Klar.

  11. Tryck på ✓.

Typografi

Du kan ställa in typsnittsstil och storlek på texten i din webbutik. Du kan välja ett systemtypsnitt eller ett anpassat typsnitt.

Överväg att använda systemtypsnitt i butiken, eftersom systemtypsnitt redan är installerade på en användares dator. Om du använder systemtypsnitt undviker du att ladda ner nya typsnitt till kundens dator, vilket kan påverka butikens laddningshastighet negativt. Vilket typsnitt som visas på kundens dator beror på dess operativsystem.

Anpassa teckensnittstyper

Shopifys teckensnittsbibliotek innehåller en lista med tillgängliga teckensnitt.

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på Typografi.
  5. Om du vill ändra typ av typsnitt för butikens rubriker eller brödtext klickar du på Ändra i avsnittet Rubriker eller Brödtext.
  6. Klicka på namnet på det typsnitt du vill använda och klicka sedan på Välj.
  7. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Typografi.
  7. Du kan ändra en teckensnittstyp för rubrikerna eller brödtexten i butiken genom att trycka på Ändra i avsnitten Rubriker eller Brödtext.
  8. Tryck på namnet på det typsnitt du vill använda och tryck sedan på Klar.
  9. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Typografi.
  7. Du kan ändra en teckensnittstyp för rubrikerna eller brödtexten i butiken genom att trycka på Ändra i avsnitten Rubriker eller Brödtext.
  8. Tryck på namnet på det typsnitt du vill använda och tryck sedan på Klar.
  9. Tryck på ✓.

Anpassa dina teckenstorlekar

Du kan ställa in standardteckenstorlekar för rubriker och brödtext i temainställningen Typografi.

Den minsta teckenstorleken är 100 % och den största teckenstorleken är 150 %. Varje ökning av skalan så ökar teckenstorleken med 5 %. Standardinställningen är 100 %.

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på Typografi.
  5. Använd intervallreglaget Teckensnittsskala för att välja standardstorlek för teckensnitt och ändra den för text i Rubriker.
  6. Använd intervallreglaget Teckensnittsskala för att välja standardstorlek för teckensnitt och ändra den för brödtexten.
  7. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Typografi.
  7. Använd intervallreglaget Teckensnittsskala för att välja standardstorlek för teckensnitt och ändra den för text i Rubriker.
  8. Använd intervallreglaget Teckensnittsskala för att välja standardstorlek för teckensnitt och ändra den för brödtexten.
  9. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Typografi.
  7. Använd intervallreglaget Teckensnittsskala för att välja standardstorlek för teckensnitt och ändra den för text i Rubriker.
  8. Använd intervallreglaget Teckensnittsskala för att välja standardstorlek för teckensnitt och ändra den för brödtexten.
  9. Tryck på ✓.

Layout

Du kan konfigurera maximal bredd som webbshoppen kommer att visas i, samt konfigurera det vertikala och horisontella utrymmet mellan avsnitten.

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på Layout.
  5. Använd intervallreglaget för Sidbredd för att välja en sidbredd på mellan 1 000 px och 1 600 px. Standardinställningen är 1 600 px.
  6. Valfritt: Använd intervallreglaget för att lägga till vertikalt Utrymme mellan mallavsnitt på sidorna. Du kan lägga till upp till maximalt 100 px mellan avsnitt.
  7. Valfritt: Om du har en rutnätslayout använder du intervallreglagen för Horisontellt utrymme och Vertikalt utrymme för att lägga till utrymme mellan rutnätsinnehållet på sidorna. Vid tillägg av horisontellt utrymme kan du lägga till maximalt 40 px utrymme till innehållsraderna på sidorna. Om du lägger till vertikalt utrymme så läggs maximalt 40 px utrymme till i kolumnerna med innehåll på sidorna.
  8. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Layout.
  7. Använd intervallreglaget för Sidbredd för att välja en sidbredd på mellan 1 000 px och 1 600 px. Standardinställningen är 1 600 px.
  8. Valfritt: Använd intervallreglaget för att lägga till vertikalt Utrymme mellan mallavsnitt på sidorna. Du kan lägga till upp till maximalt 100 px mellan avsnitt.
  9. Valfritt: Om du har en rutnätslayout använder du intervallreglagen för Horisontellt utrymme och Vertikalt utrymme för att lägga till utrymme mellan rutnätsinnehållet på sidorna. Vid tillägg av horisontellt utrymme kan du lägga till maximalt 40 px utrymme till innehållsraderna på sidorna. Om du lägger till vertikalt utrymme så läggs maximalt 40 px utrymme till i kolumnerna med innehåll på sidorna.
  10. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Layout.
  7. Använd intervallreglaget för Sidbredd för att välja en sidbredd på mellan 1 000 px och 1 600 px. Standardinställningen är 1 600 px.
  8. Valfritt: Använd intervallreglaget för att lägga till vertikalt Utrymme mellan mallavsnitt på sidorna. Du kan lägga till upp till maximalt 100 px mellan avsnitt.
  9. Valfritt: Om du har en rutnätslayout använder du intervallreglagen för Horisontellt utrymme och Vertikalt utrymme för att lägga till utrymme mellan rutnätsinnehållet på sidorna. Vid tillägg av horisontellt utrymme kan du lägga till maximalt 40 px utrymme till innehållsraderna på sidorna. Om du lägger till vertikalt utrymme så läggs maximalt 40 px utrymme till i kolumnerna med innehåll på sidorna.
  10. Tryck på ✓.

Animationer

Animationer gör det möjligt för dig att lägga till rörelse och visuellt intresse för din webbshop. Du kan aktivera en intoningsanimering som visar butikens avsnitt på bläddring och en hovringseffekt för dina kort och knappar.

Steg:

Dator

  1. Från din Shopify-admin går du till Webbshop > Teman.

  2. Hitta det tema du vill redigera och klicka på Anpassa.

  3. Klicka på kugghjulsikonen Temainställningar.

  4. Klicka på Animationer.

  5. Valfritt: Om du vill aktivera en animation som visar webbshopens avsnitt i bläddring väljer du Visa avsnitt vid bläddring.

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

    • Vertikal upprullning: När en kund hovrar över ett kort eller en knapp förskjuts elementet.
    • 3D-lyft: När en kund hovrar över ett kort eller en knapp flyttas elementet framåt, vilket ger det en 3D-effekt. Detta ger också en diskret utskuret ljus som flyttar sig över elementet, vilket ger det ytterligare ett dimensionslager.

  7. Klicka på Spara.

iPhone

  1. Från Shopify-appen trycker du på Horisontell meny-knappen.

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

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Anpassa.

  5. Tryck på ⋮ och sedan på Temainställningar.

  6. Tryck på Animationer.

  7. Valfritt: Om du vill aktivera en animation som visar webbshopens avsnitt i bläddring väljer du Visa avsnitt vid bläddring.

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

    • Vertikal upprullning: När en kund hovrar över ett kort eller en knapp förskjuts elementet.
    • 3D-lyft: När en kund hovrar över ett kort eller en knapp flyttas elementet framåt, vilket ger det en 3D-effekt. Detta ger också en diskret utskuret ljus som flyttar sig över elementet, vilket ger det ytterligare ett dimensionslager.

  9. Tryck på Spara.

Android

  1. Från Shopify-appen trycker du på Meny-knappen.

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

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Anpassa.

  5. Tryck på … och sedan på Temainställningar.

  6. Tryck på Animationer.

  7. Valfritt: Om du vill aktivera en animation som visar webbshopens avsnitt i bläddring väljer du Visa avsnitt vid bläddring.

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

    • Vertikal upprullning: När en kund hovrar över ett kort eller en knapp förskjuts elementet.
    • 3D-lyft: När en kund hovrar över ett kort eller en knapp flyttas elementet framåt, vilket ger det en 3D-effekt. Detta ger också en diskret utskuret ljus som flyttar sig över elementet, vilket ger det ytterligare ett dimensionslager.

  9. Tryck på ✓.

Kanter och skuggor

Du kan justera kanter och skuggor för vissa interaktiva innehållstyper, till exempel lådor, knappar, variantovaler eller produktkvantitetsinmatningar.

Anpassningsbara alternativ för kanter är:

  • Tjocklek, vilket ändrar artikelns konturer.
  • Opacitet, som ställer in synligheten för artikelkonturen.
  • Hörnradie, som rundar av hörnen på artikeln.

Nedan följer anpassningsbara alternativ för skuggor:

  • Opacitet, som ändrar synligheten för artikelns skuggor. En skuggopacitet på 0 % tar bort artikelns skugga helt.
  • Intervallreglagen för Vertikal och Horisontell förskjutning, som flyttar skuggornas plats runt objektet.
  • Intervallreglaget för Suddighet som ändrar objektets skuggas opacitet.

Knappar

Du kan anpassa inställningarna för knapparna för att uppmana till köp i din webbshop genom att lägga till skuggor, ändra avståndet eller opaciteten och justera formen på dina knappar.

Exempel på en webbshop med knapp med uppmaning till köp

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på knappar.
  5. Valfritt: Använd intevallskjutreglaget för att ändra utseendet på knappens Kant.
  6. Valfritt: Använd intervallskjutreglaget för att ändra knappen Skugga. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  7. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Knappar.
  7. Valfritt: Använd intevallskjutreglaget för att ändra utseendet på knappens Kant.
  8. Valfritt: Använd intervallskjutreglaget för att ändra knappen Skugga. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  9. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Knappar.
  7. Valfritt: Använd intevallskjutreglaget för att ändra utseendet på knappens Kant.
  8. Valfritt: Använd intervallskjutreglaget för att ändra knappen Skugga. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  9. Tryck på ✓.

Variantpiller

Med variantovaler kan du visa en produkts varianter 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 ändra produktsida. Du kan anpassa hur variantovalen visas i webbshoppen.

Exempel på en webbshop med valbara variantpiller

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på Varianten för att få det att göra.
  5. Valfritt: Använd intervallreglaget för att ändra utseendet på kanten på en variantoval.
  6. Valfritt: Använd intervallreglaget för att ändra skuggan för en variantoval. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  7. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Variantovaler.
  7. Valfritt: Använd intervallreglaget för att ändra utseendet på kanten på en variantoval.
  8. Valfritt: Använd intervallreglaget för att ändra skuggan för en variantoval. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  9. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Variantovaler.
  7. Valfritt: Använd intervallreglaget för att ändra utseendet på kanten på en variantoval.
  8. Valfritt: Använd intervallreglaget för att ändra skuggan för en variantoval. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  9. Tryck på ✓.

Inmatningar

Indata är interaktiva områden som kräver kundindata, till exempel en kvantitetsväljare, ett e-postformulär eller varukorgsanteckningar. Du kan justera utseendet på indata i webbshoppen.

Exempel på en webbshop med kvantitetsinmatning

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på indata.
  5. Valfritt: Använd intervallreglaget för att ändra utseendet för Kanten på indata.
  6. Valfritt: Använd intervallreglaget för att ändra skuggan på indata. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  7. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Indata.
  7. Valfritt: Använd intervallreglaget för att ändra utseendet för Kanten på indata.
  8. Valfritt: Använd intervallreglaget för att ändra skuggan på indata. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  9. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Indata.
  7. Valfritt: Använd intervallreglaget för att ändra utseendet för Kanten på indata.
  8. Valfritt: Använd intervallreglaget för att ändra skuggan på indata. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  9. Tryck på ✓.

Kort

Med inställningarna för produktkort, produktseriekort och bloggkort kan du anpassa stilen på varje korttyp när de visas i sidavsnitt. Du kan ändra färg, justering, bildutfyllnad, kanter och skuggor för dessa tre typer av avsnittskort.

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på Produktkort, Produktseriekort eller Bloggkort.
  5. Använd alternativet Stil för att välja kortstil.
  6. Valfritt: Använd intervallreglaget Bildutfyllnad för att lägga till utrymme runt kortbilder.
  7. Valfritt: Välj mellan Vänster, Center (standard) eller Höger för Textjustering av korten.
  8. Valfritt: Klicka Ändra i avsnittet Färgschema för att välja ett färgschema för korten.
  9. Valfritt: Använd intervallreglaget för att ändra utseendet för kanten på kortet.
  10. Valfritt: Använd intervallreglaget för att ändra skuggan på indata. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  11. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Produktkort, Produktseriekort eller Bloggkort.
  7. Använd alternativet Stil för att välja kortstil.
  8. Valfritt: Använd intervallreglaget Bildutfyllnad för att lägga till utrymme runt kortbilder.
  9. Valfritt: Välj mellan Vänster, Center (standard) eller Höger för Textjustering av korten.
  10. Valfritt: Tryck på Ändra i avsnittet Färgschema. Välj ett färgschema för korten och tryck sedan på Klar.
  11. Valfritt: Använd intervallreglaget för att ändra utseendet för kanten på kortet.
  12. Valfritt: Använd intervallreglaget för att ändra skuggan på indata. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  13. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Produktkort, Produktseriekort eller Bloggkort.
  7. Använd alternativet Stil för att välja kortstil.
  8. Valfritt: Använd intervallreglaget Bildutfyllnad för att lägga till utrymme runt kortbilder.
  9. Valfritt: Välj mellan Vänster, Center (standard) eller Höger för Textjustering av korten.
  10. Valfritt: Tryck på Ändra i avsnittet Färgschema. Välj ett färgschema för korten och tryck sedan på Klar.
  11. Valfritt: Använd intervallreglaget för att ändra utseendet för kanten på kortet.
  12. Valfritt: Använd intervallreglaget för att ändra skuggan på indata. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  13. Tryck på ✓.

Innehållsbehållare

Behållare används för textdelen av innehållsavsnitt, till exempel textrutan i ett bildspel, en bildbanner eller kolumnerna i avsnitt med flera kolumner. Du kan anpassa utseendet för innehållsbehållare på webbshoppen.

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på Innehållsbehållare.
  5. Använd intervallreglaget för att ändra utseendet på innehållsbehållarens Kant.
  6. Använd intervallreglaget för att ändra skuggan för innehållsbehållaren. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  7. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Innehållsbehållare.
  7. Använd intervallreglaget för att ändra utseendet på innehållsbehållarens Kant.
  8. Använd intervallreglaget för att ändra skuggan för innehållsbehållaren. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  9. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Innehållsbehållare.
  7. Använd intervallreglaget för att ändra utseendet på innehållsbehållarens Kant.
  8. Använd intervallreglaget för att ändra skuggan för innehållsbehållaren. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  9. Tryck på ✓.

Media

Media är den visuella komponenten i avsnitt, till exempel produktmedia eller bilden i ”bild med text”-avsnittet. Du kan lägga till kanter och skuggor till media.

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på Media.
  5. Använd intervallreglaget för att ändra utseendet på Kanten för media.
  6. Använd intervallreglaget för att ändra skuggan för media. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  7. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Media.
  7. Använd intervallreglaget för att ändra utseendet på Kanten för media.
  8. Använd intervallreglaget för att ändra skuggan för media. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  9. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Media.
  7. Använd intervallreglaget för att ändra utseendet på Kanten för media.
  8. Använd intervallreglaget för att ändra skuggan för media. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  9. Tryck på ✓.

Rullgardinsmenyer och popup-rutor

Du kan justera utseendet på rullgardinsmenyer, spärrande popup-fönster och popup-varukorgar i webbshoppen.

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på rullgardinsmenyn och popup-fönster.
  5. Använd intervallreglaget för att ändra utseendet på kanten.
  6. Använd intervallreglaget för att ändra skuggan. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  7. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Rullgardinsmenyn och popup-fönster.
  7. Använd intervallreglaget för att ändra utseendet på kanten.
  8. Använd intervallreglaget för att ändra skuggan. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  9. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Rullgardinsmenyn och popup-fönster.
  7. Använd intervallreglaget för att ändra utseendet på kanten.
  8. Använd intervallreglaget för att ändra skuggan. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  9. Tryck på ✓.

Lådor

Lådor är dolda, interaktiva behållare som visas när de trycks eller klickas på, till exempel en hopfällbar meny eller filteralternativ för produktserier. Du kan anpassa lådornas kanter och skuggor i webbshoppen.

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på lådor.
  5. Använd intervallreglaget för att ändra utseendet på lådans kant.
  6. Använd intervallreglaget för att ändra lådans skugga. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  7. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Lådor.
  7. Använd intervallreglaget för att ändra utseendet på lådans kant.
  8. Använd intervallreglaget för att ändra lådans skugga. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  9. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Lådor.
  7. Använd intervallreglaget för att ändra utseendet på lådans kant.
  8. Använd intervallreglaget för att ändra lådans skugga. Om du ställer in skuggans Opacitet 0 % så tas skuggan bort.
  9. Tryck på ✓.

Märken

Brickorna Rea och Slutsåld läggs till automatiskt i produktbilderna när du sänker priset eller när lagerantalet når 0. Du kan justera position, form och färg på brickorna Rea och Slutsåld var för sig i temainställningarna.

Exempel på en webbshop med rea- och slutsåld-märken

Brickorna Sida och Blogg visas i relevanta sökresultat. Du kan anpassa dessa brickors placering och form, men du kan inte ändra färgen på brickorna Sida och Blogg.

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på brickor.
  5. Välj placering för brickan genom att först klicka på rullgardinsmenyn Position för kort och sedan på Längst ner till vänster, Längst ner till höger, Högst upp till vänster eller Högst upp till höger.
  6. Valfritt: Använd intervallreglaget Hörnradie för att lägga till rundade hörn på brickorna. Om hörnradien ställs in till 0 px blir brickan fyrkantig. Om radien ökas blir brickans kant mer avrundad.
  7. Valfritt: Om du vill välja ett färgschema så klickar du på Ändra för Rea-brickans färgschema eller för Utsåld-brickans färgschema och klickar sedan på det färgschema du önskar.
  8. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Brickor.
  7. Du kan välja placering för märket genom att trycka på rullgardinsmenyn Position på kort och sedan på Nere till vänster, Nere till höger, Uppe till vänster eller Uppe till höger.
  8. Valfritt: Använd intervallreglaget Hörnradie för att lägga till rundade hörn på brickorna. Om hörnradien ställs in till 0 px blir brickan fyrkantig. Om radien ökas blir brickans kant mer avrundad.
  9. Valfritt: Om du vill välja ett färgschema trycker du på Ändra för Rea-brickans färgschema eller för Utsåld-brickans färgschema. Välj ett färgschema för brickorna och tryck sedan på Klar.
  10. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Brickor.
  7. Du kan välja placering för märket genom att trycka på rullgardinsmenyn Position på kort och sedan på Nere till vänster, Nere till höger, Uppe till vänster eller Uppe till höger.
  8. Valfritt: Använd intervallreglaget Hörnradie för att lägga till rundade hörn på brickorna. Om hörnradien ställs in till 0 px blir brickan fyrkantig. Om radien ökas blir brickans kant mer avrundad.
  9. Valfritt: Om du vill välja ett färgschema trycker du på Ändra för Rea-brickans färgschema eller för Utsåld-brickans färgschema. Välj ett färgschema för brickorna och tryck sedan på Klar.
  10. Tryck på ✓.

Varumärkesinformation

Du kan inkludera information om varumärke i webbshoppen. När du har slutfört följande steg kan du lägga till blocket Varumärkesinformation i webbshoppens sidfot.

Steg:

Dator

  1. Från din Shopify-admin går du till Webbshop > Teman.

  2. Hitta det tema du vill redigera och klicka på Anpassa.

  3. Klicka på kugghjulsikonen Temainställningar.

  4. Klicka på varumärkesinformation.

  5. Valfritt: Ange en Rubrik om varumärket eller företaget.

  6. Valfritt: Ange en Beskrivning av varumärket eller företaget.

  7. Valfritt: I området Bild kan du lägga till din bild eller använda en gratis bild:

    • Lägg till bilden genom att klicka på Välj bild och sedan lägga till en ny eller befintlig bild:

      • Om du vill använda en bild som du redan har laddat upp till Shopify-admin väljer du bilden och klickar sedan på Klar.
      • Klicka på Lägg till bilder för att använda en bild från din lokala dator. Välj och lägg till en bild och klicka sedan på Klar.

    • Klicka på Utforska gratisbilder för att använda en gratis bild. Hitta en bild, klicka på bilden för att välja den och klicka sedan på Välj.

  8. Valfritt: Flytta intervallreglaget till önskad pixelbredd i området Bildbredd.

  9. Klicka på Spara.

iPhone

  1. Från Shopify-appen trycker du på knappen ….

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

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Anpassa.

  5. Tryck på ⋮ och sedan på Temainställningar.

  6. Tryck på Varumärkesinformation.

  7. Valfritt: Ange en Rubrik om varumärket eller företaget.

  8. Valfritt: Ange en Beskrivning av varumärket eller företaget.

  9. Valfritt: I området Bild kan du lägga till din bild eller använda en gratis bild:

    • Du kan lägga till en bild genom att trycka på Välj bild och sedan lägga till en ny eller befintlig bild:

      • Om du vill använda en bild som du redan har laddat upp till Shopify-admin så väljer du bilden och trycker sedan på Klar.
      • Tryck på Lägg till bilder för att använda en bild från en lokal enhet. Välj och lägg till en bild från en lokal enhet, tryck på bilden för att välja den och tryck sedan på Klar.

    • Om du vill använda en gratis bild trycker du på Utforska gratisbilder. Hitta en bild, tryck på bilden för att välja den och tryck sedan på Klar.

  10. Valfritt: Flytta intervallreglaget till önskad pixelbredd i området Bildbredd.

  11. Tryck på Spara.

Android

  1. I Shopify-appen trycker du på knappen ☰.

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

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Anpassa.

  5. Tryck på … och sedan på Temainställningar.

  6. Tryck på Varumärkesinformation.

  7. Valfritt: Ange en Rubrik om varumärket eller företaget.

  8. Valfritt: Ange en Beskrivning av varumärket eller företaget.

  9. Valfritt: I området Bild kan du lägga till din bild eller använda en gratis bild:

    • Du kan lägga till en bild genom att trycka på Välj bild och sedan lägga till en ny eller befintlig bild:

      • Om du vill använda en bild som du redan har laddat upp till Shopify-admin så väljer du bilden och trycker sedan på Klar.
      • Tryck på Lägg till bilder för att använda en bild från en lokal enhet. Välj och lägg till en bild från en lokal enhet, tryck på bilden för att välja den och tryck sedan på Klar.

    • Om du vill använda en gratis bild trycker du på Utforska gratisbilder. Hitta en bild, tryck på bilden för att välja den och tryck sedan på Klar.

  10. Valfritt: Flytta intervallreglaget till önskad pixelbredd i området Bildbredd.

  11. Tryck på ✓.

Sociala medier

Du kan lägga till länkar till sociala medier-konton som visas i webbshoppens sidfot.

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på Sociala medier.
  5. Lägg till länkar till sociala medier genom att ange webbplatsadresserna för dina konton i de relevanta Sociala medier-konton-fälten. Du måste ange fullständiga länkar som till exempel https://instagram.com/shopify eller .https://tiktok.com/@shopify
  6. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Sociala medier.
  7. Lägg till länkar till sociala medier genom att ange webbplatsadresserna för dina konton i de relevanta Sociala medier-konton-fälten. Du måste ange fullständiga länkar som till exempel https://instagram.com/shopify eller .https://tiktok.com/@shopify
  8. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Sociala medier.
  7. Lägg till länkar till sociala medier genom att ange webbplatsadresserna för dina konton i de relevanta Sociala medier-konton-fälten. Du måste ange fullständiga länkar som till exempel https://instagram.com/shopify eller .https://tiktok.com/@shopify
  8. Tryck på ✓.

Sökbeteende

Webbshoppen har en förutsägande sökfunktion som visar förslag när kunderna börjar skriva i sökfältet. Sökförslagen kan hjälpa kunderna att formulera och förfina sina sökfrågor och ge dem nya sätt att utforska din webbshop på. Sökförslag ger även kunderna möjlighet att snabbt surfa bland matchningar utan att behöva lämna den aktuella sidan för att se en separat lista med sökresultat.

För mer information om hur sökförslag fungerar, se Förutsägande sökning.

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

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på Sökbeteende.
  5. Om du vill aktivera eller inaktivera sökförslag så markerar eller avmarkerar du Aktivera sökförslag.
  6. Valfritt: Du kan visa eller dölja produktsäljaren i sökförslag genom att markera eller avmarkera Visa produktsäljare.
  7. Valfritt: Om du vill visa eller dölja produktpriset i sökförslag markerar eller avmarkerar du visa produktpris.
  8. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Sökbeteende.
  7. Om du vill aktivera eller inaktivera sökförslag så markerar eller avmarkerar du Aktivera sökförslag.
  8. Valfritt: Du kan visa eller dölja produktsäljaren i sökförslag genom att markera eller avmarkera Visa produktsäljare.
  9. Valfritt: Om du vill visa eller dölja produktpriset i sökförslag markerar eller avmarkerar du visa produktpris.
  10. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Sökbeteende.
  7. Om du vill aktivera eller inaktivera sökförslag så markerar eller avmarkerar du Aktivera sökförslag.
  8. Valfritt: Du kan visa eller dölja produktsäljaren i sökförslag genom att markera eller avmarkera Visa produktsäljare.
  9. Valfritt: Om du vill visa eller dölja produktpriset i sökförslag markerar eller avmarkerar du visa produktpris.
  10. Tryck på ✓.

Valutaformat

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

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på Valutaformat.
  5. Välj Visa valutakoder för att visa valutakoder.
  6. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och sedan på Temainställningar.
  6. Tryck på Valutaformat.
  7. Välj Visa valutakoder för att visa valutakoder.
  8. Tryck på Spara.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och sedan på Temainställningar.
  6. Tryck på Valutaformat.
  7. Välj Visa valutakoder för att visa valutakoder.
  8. Tryck på ✓.

Varukorg

Du kan ändra stilen på varukorgen i webbshoppen. När en kund lägger till en produkt från din butik i varukorgen så kan varukorgen visas som en låda, en sida eller en popup-avisering. Använd lådan eller popup-aviseringsalternativet för att hålla kvar kunden på produktsidan. Använd sidalternativet för att ta kunden till varukorgssidan. När kundens varukorg är tom kan du visa en utvald produktserie i varukorgspanelen.

Steg:

Dator

  1. Från din Shopify-admin går du till Webbshop > Teman.

  2. Hitta det tema du vill redigera och klicka på Anpassa.

  3. Klicka på kugghjulsikonen Temainställningar.

  4. Klicka på varukorg.

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

  6. Valfritt: Välj Visa säljare för att visa säljare av artiklarna i en kunds varukorg.

  7. Valfritt: Om du vill ge kunderna en textruta där de kan ange specialförfrågningar eller lägga till extra orderinformation så väljer du Aktivera varukorgsanteckning.

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

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

  9. Valfritt: Om du väljer Panel som Varukorgstyp så kan du ändra färgschemat för varukorgspanelen genom att vidta följande åtgärder:

    1. Klicka på Ändra i området Varukorgspanel > Färgschema.
    2. Välj ett färgschema som du vill använda för varukorgspanelen.

  10. Klicka på Spara.

iPhone

  1. Från Shopify-appen trycker du på knappen ….

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

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Anpassa.

  5. Tryck på ⋮ och sedan på Temainställningar.

  6. Tryck på Varukorg.

  7. Välj Varukorgstyp bland alternativen Panel, Sida eller Popup/avisering.

  8. Valfritt: Välj Visa säljare för att visa säljare av artiklarna i en kunds varukorg.

  9. Valfritt: Om du vill ge kunderna en textruta där de kan ange specialförfrågningar eller lägga till extra orderinformation så väljer du Aktivera varukorgsanteckning.

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

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

  11. Valfritt: Om du väljer Panel som Varukorgstyp så kan du ändra färgschemat för varukorgspanelen genom att vidta följande åtgärder:

    1. Tryck på Ändra i Varukorgspanel > Färgschema.
    2. Välj ett färgschema som du vill använda för varukorgspanelen och tryck sedan på Klar.

  12. Tryck på Spara.

Android

  1. I Shopify-appen trycker du på knappen ☰.

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

  3. Tryck på Hantera alla teman.

  4. Hitta det tema du vill redigera och tryck på Anpassa.

  5. Tryck på … och sedan på Temainställningar.

  6. Tryck på Varukorg.

  7. Välj Varukorgstyp bland alternativen Panel, Sida eller Popup/avisering.

  8. Valfritt: Välj Visa säljare för att visa säljare av artiklarna i en kunds varukorg.

  9. Valfritt: Om du vill ge kunderna en textruta där de kan ange specialförfrågningar eller lägga till extra orderinformation så väljer du Aktivera varukorgsanteckning.

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

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

  11. Valfritt: Om du väljer Panel som Varukorgstyp så kan du ändra färgschemat för varukorgspanelen genom att vidta följande åtgärder:

    1. Tryck på Ändra i Varukorgspanel > Färgschema.
    2. Välj ett färgschema som du vill använda för varukorgspanelen och tryck sedan på Klar.

  12. Tryck på ✓.

Anpassat CSS

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

Anpassad CSS i temainställningarna påverkar alla sidor i din webbshoppen, förutom kassan.

Mer information om att Lägga till anpassad CSS till temat.

Temastil

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

Du ändrar inställningarna för temastilen själv när du anpassar ett tema. När du tillämpar en temastil på ditt tema kommer dina aktuella inställningar, såsom färger och typografi, att ändras.

Steg:

Dator
  1. Från din Shopify-admin går du till Webbshop > Teman.
  2. Hitta det tema du vill redigera och klicka på Anpassa.
  3. Klicka på kugghjulsikonen Temainställningar.
  4. Klicka på Temastil.
  5. Välj den temastil du vill använda och klicka sedan på Ändra stil.
  6. Klicka på Spara.
iPhone
  1. Från Shopify-appen trycker du på knappen ….
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på ⋮ och 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.
Android
  1. I Shopify-appen trycker du på knappen ☰.
  2. Tryck på Webbshop i avsnittet Försäljningskanaler.
  3. Tryck på Hantera alla teman.
  4. Hitta det tema du vill redigera och tryck på Anpassa.
  5. Tryck på … och 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å ✓.

Ångra och gör om ändringar

Knappen Ångra upphäver din senaste ändring och knappen Gör om upprepar en ändring som du har ångrat. Om du klickar på knappen Ångra mer än en gång, fortsätter arbetet att ångras, en ändring åt gången. Knapparna Ångra och Gör om hittar du i verktygsfältet för att redigera tema.

Ångra- och

Klicka på knappen Ångra för att ångra ändringar som du gjort i temat, inklusive följande exempel:

  • lägga till, sortera om och radera avsnitt
  • tillämpa färger, typsnitt och andra temainställningar
  • återställning av en temastil

Färgalternativ med prover

Den uppdaterade Shopify-produkt-taxonomin innehåller ett standardfärgattribut som gör att du kan lägga till färgprover i ditt skyltfönster. För att få tillgång till det här standardattributet väljer du en produktkategori som innehåller ett metafält för en färgkategori. Följande kategorimetafält stöder färgprover:

  • Backing color
  • Backrest upholstery color
  • Band color
  • Blanket color
  • Body color
  • Butt cap color
  • Color
  • Canopy color
  • Case color
  • Core color
  • Cover color
  • Dial color
  • Door color
  • Door mat base color
  • Eyewear frame color
  • Eyewear lens color
  • Fingerboard color
  • Flower color
  • Flush plate color
  • Footwear color
  • Foundation color
  • Frame color
  • Furniture/Fixture color
  • Handle color
  • Housing color
  • Ink color
  • Instrument color
  • Instrument string color
  • Jumping surface color
  • Laser color
  • Leg color
  • Lens color
  • Light color
  • Neck color
  • Pen color
  • Pole color
  • Riser color
  • Rod color
  • Saddle base color
  • Saddle seat color
  • Seat color
  • Seat upholstery color
  • Shaft color
  • Sheet color
  • Shelf color
  • Shell/Frame color
  • Slat color
  • Spool color
  • String color
  • Suction cup color
  • Tabletop color
  • Tank color
  • Temple color
  • Top color
  • Upholstery color

Läs mer om attlägga till färgprover med hjälp av kategorimetafält och migrera befintliga produkter för att använda kategorimetafält.

Hittar du inte de svar du letar efter? Vi finns här för att hjälpa till!