Hjälp
Logga in

Anpassa följesedlar

Du kan anpassa mallen för dina följesedlar. Genom att ändra mallen kan du lägga till din egen varumärkeshantering och ändra följesedelns utseende och känsla.

På den här sidan

Ändra butiksadress

Om du vill redigera eller ändra din butiksadress kan du gå till Inställningar > Allmänt och redigera din butiksinformation.

Om du bara vill ändra adressen på dina följesedlar följer du stegen nedan.

Steg:

  1. Gå till Inställningar > Frakt och leverans från din Shopify-admin.

  2. I avsnittet Dokument klickar du på Följesedelsmall.

  3. Hitta Liquid-variabeln {{ shop_address.summary }} som refererar till din butiksadress. Om du inte hittar den här variabeln kan du prova följande:

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}
  1. Markera och radera den här koden.
  2. Skriv adressen du vill ha på dina följesedlar i det här tomma utrymmet. Du kan till exempel skriva din adress så att den ser ut så här: 123 Exempelgatan, New York, NY, 10000, USA
  3. Klicka på Förhandsgranska mall för att se dina ändringar.
  4. Klicka på Spara.

Ta bort produktbilder

Du kan ta bort de produktbilder som visas bredvid produktnamnen på dina följesedlar.

Steg:

  1. Gå till Inställningar > Frakt och leverans från din Shopify-admin.

  2. I avsnittet Dokument klickar du på Följesedelsmall.

  3. Hitta följande Liquid-variabler som refererar till dina produktbilder:

{% if line_item.image != blank %}
       <div class="flex-line-item-img">
         <div class="aspect-ratio aspect-ratio-square" style="width: {{ desired_image_size }}px; height: {{ desired_image_size }}px;">
           {{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
         </div>
       </div>
       {% endif %}
  1. Markera och radera den här koden.
  2. Klicka på Förhandsgranska mall för att förhandsgranska dina ändringar.
  3. Klicka på Spara.

Innan du lägger till din butikslogotyp på dina följesedlar måste du ladda upp logotypen i Shopify admin. När du har laddat upp den ska du anteckna namnet på den uppladdade filen för att kunna använda det senare i följesedelsmallen.

När du har laddat upp din logotyp till din butik kan du lägga till din logotyp och ta bort ditt butiksnamn, lägga till din logotyp ovanför ditt butiksnamn eller lägga till din logotyp bredvid ditt butiksnamn.

Steg:

  1. Gå till Innehåll > Filer från din Shopify-admin.

  2. Klicka på Ladda upp filer.

  3. Välj och ladda upp din butikslogotyp från din enhet.

  4. Anteckna filnamnet när uppladdningen är klar, inklusive filtillägget (till exempel .png eller .jpg).

Lägg till logotyp och ta bort butiksnamn

Du kan ta bort ditt butiksnamn och ersätta det med din butikslogotyp högst upp på dina följesedlar.

Steg:

  1. Gå till Inställningar > Frakt och leverans från din Shopify-admin.

  2. I avsnittet Dokument klickar du på Följesedelsmall.

  3. Hitta följande kod som refererar till ditt butiksnamn:

<p class="to-uppercase">
  {{ shop.name }}
</p>
  1. Markera och radera den här koden.
  2. Skriv följande kod i utrymmet du har skapat och använd filnamnet som du laddade upp tidigare:
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}

Filtret file_img_url genererar en URL för den uppladdade filen med den angivna storleken och filtret img_tag skapar en HTML-bildtagg med alternativtexten som du anger.

Om den uppladdade filen till exempel är shop_logo.png blir motsvarande Liquid-kod:

{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}
  1. Välj Förhandsgranska mall för att förhandsgranska dina ändringar.
  2. Klicka på Spara.

Lägg till logotyp ovanför butiksnamn

Följ stegen nedan om du vill lägga till din logotyp ovanför ditt butiksnamn högst upp på dina följesedlar.

Steg:

  1. Gå till Inställningar > Frakt och leverans från din Shopify-admin.

  2. I avsnittet Dokument klickar du på Följesedelsmall.

  3. Hitta följande Liquid-variabel som refererar till ditt butiksnamn och lägg till en radbrytning mellan de två raderna:

<div class="shop-title">
      |
      <p class="to-uppercase">
  1. Skriv följande kod i utrymmet du har skapat och använd filnamnet du laddade upp tidigare (till exempel shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>
  1. Välj Förhandsgranska mall för att förhandsgranska dina ändringar.
  2. Klicka på Spara.

Lägg till logotyp bredvid butiksnamn

Följ stegen nedan om du vill lägga till din logotyp bredvid ditt butiksnamn högst upp på dina följesedlar.

Steg:

  1. Gå till Inställningar > Frakt och leverans från din Shopify-admin.

  2. I avsnittet Dokument klickar du på Följesedelsmall.

  3. Hitta följande Liquid-variabel som refererar till ditt butiksnamn:

<p class="to-uppercase">
{{ shop.name }}
</p>
  1. Markera och radera den här koden.
  2. Skriv följande kod i utrymmet du har skapat och använd filnamnet du laddade upp tidigare (till exempel shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
  {{ shop.name }}
</span>
  1. Hitta följande Liquid-variabler:
.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}
  1. Lägg till en ny rad i slutet av variablerna som listas ovan och klistra in följande kod:
.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}
  1. Välj Förhandsgranska mall för att förhandsgranska dina ändringar.
  2. Klicka på Spara.

Stilformatera följesedlar med CSS

Du kan anpassa din följesedel med hjälp av de CSS-filer som du laddar upp till Shopify. CSS-filer som finns utanför Shopify kommer inte att återges korrekt.

Steg:

  1. Gå till Innehåll > Filer från din Shopify-admin.

  2. Klicka på Ladda upp filer.

  3. Välj och ladda upp din CSS-fil.

  4. Kopiera filens URL när uppladdningen är klar.

  5. Inkludera följande kod:

<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.shopify.com/path_to_file/styles.css"
>