Hjelp
Logg på

Tilpasse følgesedler

Du kan tilpasse malen for følgesedlene dine. Ved å endre malen kan du legge til din egen merkevarebygging og endre utseendet og følelsen på følgeseddelen.

På denne siden

Endre butikkadresse

Hvis du vil redigere eller endre butikkadressen, kan du gå til Innstillinger > Generelt og redigere butikkinformasjonen.

Hvis du bare vil endre adressen på følgesedlene, kan du følge trinnene nedenfor.

Trinn:

  1. Gå til Innstillinger > Frakt og levering fra Shopify-administrator.

  2. I Dokumenter-delen klikker du på Pakkseddelmal.

  3. Finn Liquid-variabelen {{ shop_address.summary }} som henviser til butikkadressen. Hvis du ikke finner denne variabelen, kan du prøve følgende:

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}
  1. Marker denne koden og slett den.
  2. Skriv inn adressen du vil ha på følgesedlene i det tomme feltet. Du kan for eksempel skrive inn adressen slik: Eksempelveien 123, 0123 Oslo, Norge
  3. Klikk på Forhåndsvis mal for å se endringene.
  4. Klikk på Lagre.

Fjern produktbilder

Du kan fjerne produktbildene som vises ved siden av produkttitlene på følgesedlene.

Trinn:

  1. Gå til Innstillinger > Frakt og levering fra Shopify-administrator.

  2. I Dokumenter-delen klikker du på Pakkseddelmal.

  3. Finn følgende Liquid-variabler som refererer til produktbildene:

{% 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. Marker denne koden og slett den.
  2. Klikk på Forhåndsvis mal for å forhåndsvise endringene.
  3. Klikk på Lagre.

Før du legger til butikklogoen på følgesedlene, må du laste opp logoen til Shopify-administratoren. Etter at du har lastet opp filen, må du notere navnet på den for å bruke den senere i følgeseddelmalen.

Etter at du har lastet opp logoen til butikken, kan du legge til logoen og fjerne butikknavnet, legge til logoen over butikknavnet eller legge til logoen ved siden av butikknavnet.

Trinn:

  1. Gå til Innhold > Filer fra Shopify-administrator.

  2. Klikk på Last opp filer.

  3. Velg og last opp butikklogoen fra enheten din.

  4. Noter filnavnet når opplastingen er fullført, inkludert filtypen (for eksempel .png eller .jpg).

Legg til logo og fjern butikknavn

Du kan fjerne butikknavnet og erstatte det med butikklogoen øverst på følgesedlene.

Trinn:

  1. Gå til Innstillinger > Frakt og levering fra Shopify-administrator.

  2. I Dokumenter-delen klikker du på Pakkseddelmal.

  3. Finn følgende kode som henviser til butikknavnet:

<p class="to-uppercase">
  {{ shop.name }}
</p>
  1. Marker denne koden og slett den.
  2. På plassen du har opprettet, skriver du inn følgende kode med filnavnet du lastet opp tidligere:
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}

Filteret file_img_url genererer URL-adressen for den opplastede filen med angitt størrelse, og filteret img_tag oppretter en HTML-bildetagg med alt. tekst du oppgir.

Hvis den opplastede filen for eksempel er shop_logo.png, vil den tilsvarende Liquid-koden være:

{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}
  1. Klikk på Forhåndsvis mal for å forhåndsvise endringene.
  2. Klikk på Lagre.

Legg til logo over butikknavn

Hvis du vil legge til logoen over butikknavnet øverst på følgesedlene, kan du følge trinnene nedenfor.

Trinn:

  1. Gå til Innstillinger > Frakt og levering fra Shopify-administrator.

  2. I Dokumenter-delen klikker du på Pakkseddelmal.

  3. Finn følgende Liquid-variabel som refererer til butikknavnet, og legg til et linjeskift mellom de to linjene:

<div class="shop-title">
      |
      <p class="to-uppercase">
  1. På plassen du har opprettet, skriver du inn følgende kode med filnavnet du lastet opp tidligere (for eksempel shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>
  1. Klikk på Forhåndsvis mal for å forhåndsvise endringene.
  2. Klikk på Lagre.

Legg til logo ved siden av butikknavn

Hvis du vil legge til logoen ved siden av butikknavnet øverst på følgesedlene, kan du følge trinnene nedenfor.

Trinn:

  1. Gå til Innstillinger > Frakt og levering fra Shopify-administrator.

  2. I Dokumenter-delen klikker du på Pakkseddelmal.

  3. Finn følgende Liquid-variabel som refererer til butikknavnet:

<p class="to-uppercase">
{{ shop.name }}
</p>
  1. Marker denne koden og slett den.
  2. På plassen du har opprettet, skriver du inn følgende kode med filnavnet du lastet opp tidligere (for eksempel shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
  {{ shop.name }}
</span>
  1. Finn følgende Liquid-variabler:
.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}
  1. Legg til en ny linje på slutten av variablene som er oppført ovenfor, og lim inn følgende kode:
.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}
  1. Klikk på Forhåndsvis mal for å forhåndsvise endringene.
  2. Klikk på Lagre.

Stilsett følgesedler med CSS

Du kan tilpasse følgeseddelen ved å bruke CSS-filene du laster opp til Shopify. CSS-filer som driftes utenfor Shopify blir ikke gjengitt riktig.

Trinn:

  1. Gå til Innhold > Filer fra Shopify-administrator.

  2. Klikk på Last opp filer.

  3. Velg og last opp CSS-filen.

  4. Kopier filens URL-adresse når opplastingen er fullført.

  5. Inkluder følgende kode:

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