Tilpasning af pakkesedler
Du kan tilpasse skabelonen til dine pakkesedler. Når du ændrer skabelonen, kan du tilføje dit eget branding og ændre pakkesedlens udseende og funktionalitet.
Skift butiksadresse
Hvis du vil redigere eller ændre din butiksadresse, kan du gå til Indstillinger > Generelt og redigere dine butiksoplysninger.
Hvis du kun vil ændre adressen på dine pakkesedler, skal du følge nedenstående trin.
Trin:
Gå til Indstillinger > Forsendelse og levering i din Shopify-administrator.
I afsnittet Dokumenter skal du klikke på Skabelon til pakkeseddel.
Find Liquid-variablen
{{ shop_address.summary }}, der henviser til din butiksadresse. Hvis du ikke kan finde denne variabel, kan du prøve følgende:
{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}- Markér denne kode, og slet den.
- Indtast den adresse, du vil have på dine pakkesedler, i det tomme område. Du kan f.eks. indtaste din adresse, så den ser sådan her ud:
123 Example Street, New York, NY, 10000, United States - Klik på Vis skabelon for at se dine ændringer.
- Klik på Gem.
Fjern produktbilleder
Du kan fjerne de billeder af dine produkter, der vises ved siden af produkttitlerne på dine pakkesedler.
Trin:
Gå til Indstillinger > Forsendelse og levering i din Shopify-administrator.
I afsnittet Dokumenter skal du klikke på Skabelon til pakkeseddel.
Find følgende Liquid-variabler, der henviser til dine produktbilleder:
{% 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 %}- Markér denne kode, og slet den.
- Klik på Vis skabelon for at se et eksempel på dine ændringer.
- Klik på Gem.
Rediger logo
Før du tilføjer dit butikslogo til dine pakkesedler, skal du uploade dit logo til din Shopify-administrator. Når du har uploadet det, skal du notere navnet på den uploadede fil for at bruge det senere i skabelonen til pakkesedler.
Når du har uploadet dit logo til din butik, kan du tilføje dit logo og fjerne dit butiksnavn, tilføje dit logo over dit butiksnavn eller tilføje dit logo ved siden af dit butiksnavn.
Trin:
Gå til Indhold > Filer i din Shopify-administrator.
Klik på Upload filer.
Vælg og upload dit butikslogo fra din enhed.
Notér filnavnet, når uploadet er fuldført, inklusive filtypen (f.eks.
.pngeller.jpg).
Tilføj logo, og fjern butiksnavn
Du kan fjerne dit butiksnavn og erstatte det med dit butikslogo øverst på dine pakkesedler.
Trin:
Gå til Indstillinger > Forsendelse og levering i din Shopify-administrator.
I afsnittet Dokumenter skal du klikke på Skabelon til pakkeseddel.
Find følgende kode, der henviser til dit butiksnavn:
<p class="to-uppercase">
{{ shop.name }}
</p>- Markér denne kode, og slet den.
- Skriv følgende kode på den plads, du har oprettet, ved hjælp af det filnavn, du uploadede tidligere:
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}Filteret file_img_url genererer webadressen til den uploadede fil med den angivne størrelse, og filteret img_tag opretter et HTML-billedtag med den alternative tekst, du angiver.
Hvis den uploadede fil f.eks. er shop_logo.png, vil den tilsvarende Liquid-kode være:
{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}- Vælg Vis skabelon for at se et eksempel på dine ændringer.
- Klik på Gem.
Tilføj logo over butiksnavn
Hvis du vil tilføje dit logo over dit butiksnavn øverst på dine pakkesedler, skal du følge nedenstående trin.
Trin:
Gå til Indstillinger > Forsendelse og levering i din Shopify-administrator.
I afsnittet Dokumenter skal du klikke på Skabelon til pakkeseddel.
Find følgende Liquid-variabel, der henviser til dit butiksnavn, og tilføj et linjeskift mellem de to linjer:
<div class="shop-title">
|
<p class="to-uppercase">- Skriv følgende kode på den plads, du har oprettet, ved hjælp af det filnavn, du uploadede tidligere (f.eks.
shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>- Vælg Vis skabelon for at se et eksempel på dine ændringer.
- Klik på Gem.
Tilføj logo ved siden af butiksnavn
Hvis du vil tilføje dit logo ved siden af dit butiksnavn øverst på dine pakkesedler, skal du følge nedenstående trin.
Trin:
Gå til Indstillinger > Forsendelse og levering i din Shopify-administrator.
I afsnittet Dokumenter skal du klikke på Skabelon til pakkeseddel.
Find følgende Liquid-variabel, der henviser til dit butiksnavn:
<p class="to-uppercase">
{{ shop.name }}
</p>- Markér denne kode, og slet den.
- Skriv følgende kode på den plads, du har oprettet, ved hjælp af det filnavn, du uploadede tidligere (f.eks.
shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
{{ shop.name }}
</span>- Find følgende Liquid-variabler:
.shop-title {
-webkit-box-flex: 6;
-webkit-flex: 6;
flex: 6;
font-size: 1.9em;
}- Tilføj en ny linje i slutningen af ovenstående variabler, og indsæt følgende kode:
.shop-title img {
vertical-align: middle;
}
.shop-title span {
vertical-align: middle;
}- Vælg Vis skabelon for at se et eksempel på dine ændringer.
- Klik på Gem.
Style pakkesedler med CSS
Du kan tilpasse din pakkeseddel ved hjælp af de CSS-filer, du uploader til Shopify. CSS-filer, der hostes uden for Shopify, gengives ikke korrekt.
Trin:
Gå til Indhold > Filer i din Shopify-administrator.
Klik på Upload filer.
Vælg og upload din CSS-fil.
Kopiér filens webadresse, når dit upload er fuldført.
Inkluder følgende kode:
<link
rel="stylesheet"
type="text/css"
href="https://cdn.shopify.com/path_to_file/styles.css"
>