Pomocník
Prihlásiť sa

Prispôsobenie baliacich listov

Šablónu svojich baliacich listov si môžete prispôsobiť. Zmena šablóny vám umožňuje pridať vlastný branding a zmeniť vzhľad a dojem z baliaceho listu.

Na tejto stránke

Zmena adresy obchodu

Ak chcete upraviť alebo zmeniť adresu obchodu, prejdite do časti Nastavenia > Všeobecné a upravte informácie o obchode.

Ak chcete zmeniť len adresu na baliacich listoch, postupujte podľa krokov nižšie.

Kroky:

  1. V administrátorovi Shopify prejdite na Nastavenia > Doprava a doručenie.

  2. V sekcii Dokumenty kliknite na Šablónu dodacieho listu.

  3. Nájdite premennú Liquid {{ shop_address.summary }}, ktorá odkazuje na adresu vášho obchodu. Ak túto premennú nemôžete nájsť, skúste nasledujúcu:

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}
  1. Zvýraznite tento kód a odstráňte ho.
  2. Do tohto prázdneho priestoru zadajte adresu, ktorú chcete mať na baliacich listoch. Svoju adresu môžete napríklad zadať v takomto tvare: 123 Example Street, New York, NY, 10000, United States
  3. Kliknutím na Zobraziť ukážku šablóny si pozriete zmeny.
  4. Kliknite na Uložiť.

Odstránenie obrázkov produktov

Môžete odstrániť obrázky produktov, ktoré sa na vašich baliacich listoch zobrazujú vedľa názvov produktov.

Kroky:

  1. V administrátorovi Shopify prejdite na Nastavenia > Doprava a doručenie.

  2. V sekcii Dokumenty kliknite na Šablónu dodacieho listu.

  3. Nájdite nasledujúce premenné Liquid, ktoré odkazujú na obrázky vašich produktov:

{% 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. Zvýraznite tento kód a odstráňte ho.
  2. Kliknutím na Zobraziť ukážku šablóny si zobrazíte náhľad zmien.
  3. Kliknite na Uložiť.

Skôr ako pridáte logo obchodu na baliace listy, musíte ho nahrať do administrátora Shopify. Po nahraní si poznačte názov nahraného súboru, aby ste ho mohli neskôr použiť v šablóne baliaceho listu.

Po nahraní loga do obchodu môžete pridať logo a odstrániť názov obchodu, pridať logo nad názov obchodu alebo pridať logo vedľa názvu obchodu.

Kroky:

  1. V administrátorovi Shopify prejdite na Obsah > Súbory.

  2. Kliknite na Nahrať súbory.

  3. Vyberte a nahrajte logo obchodu zo svojho zariadenia.

  4. Po dokončení nahrávania si poznačte názov súboru vrátane prípony súboru (napríklad .png alebo .jpg).

Pridanie loga a odstránenie názvu obchodu

Názov obchodu môžete odstrániť a v hornej časti baliacich listov ho nahradiť logom obchodu.

Kroky:

  1. V administrátorovi Shopify prejdite na Nastavenia > Doprava a doručenie.

  2. V sekcii Dokumenty kliknite na Šablónu dodacieho listu.

  3. Nájdite nasledujúci kód, ktorý odkazuje na názov vášho obchodu:

<p class="to-uppercase">
  {{ shop.name }}
</p>
  1. Zvýraznite tento kód a odstráňte ho.
  2. Do vytvoreného priestoru zadajte nasledujúci kód s použitím názvu predtým nahraného súboru:
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}

Filter file_img_url vygeneruje URL adresu pre nahraný súbor so zadanou veľkosťou a filter img_tag vytvorí HTML značku obrázka s alt textom, ktorý zadáte.

Ak je napríklad nahraný súbor shop_logo.png, príslušný kód Liquid bude:

{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}
  1. Zmeny si pozriete výberom možnosti Ukážka šablóny.
  2. Kliknite na Uložiť.

Pridanie loga nad názov obchodu

Ak chcete pridať logo nad názov obchodu v hornej časti baliacich listov, postupujte podľa nasledujúcich krokov.

Kroky:

  1. V administrátorovi Shopify prejdite na Nastavenia > Doprava a doručenie.

  2. V sekcii Dokumenty kliknite na Šablónu dodacieho listu.

  3. Nájdite nasledujúcu premennú Liquid, ktorá odkazuje na názov vášho obchodu, a medzi oba riadky pridajte zalomenie riadku:

<div class="shop-title">
      |
      <p class="to-uppercase">
  1. Do vytvoreného priestoru zadajte nasledujúci kód s použitím názvu predtým nahraného súboru (napríklad shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>
  1. Zmeny si pozriete výberom možnosti Ukážka šablóny.
  2. Kliknite na Uložiť.

Pridanie loga vedľa názvu obchodu

Ak chcete pridať logo vedľa názvu obchodu v hornej časti baliacich listov, postupujte podľa nasledujúcich krokov.

Kroky:

  1. V administrátorovi Shopify prejdite na Nastavenia > Doprava a doručenie.

  2. V sekcii Dokumenty kliknite na Šablónu dodacieho listu.

  3. Nájdite nasledujúcu premennú Liquid, ktorá odkazuje na názov vášho obchodu:

<p class="to-uppercase">
{{ shop.name }}
</p>
  1. Zvýraznite tento kód a odstráňte ho.
  2. Do vytvoreného priestoru zadajte nasledujúci kód s použitím názvu predtým nahraného súboru (napríklad shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
  {{ shop.name }}
</span>
  1. Nájdite nasledujúce premenné Liquid:
.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}
  1. Na koniec vyššie uvedených premenných pridajte nový riadok a vložte nasledujúci kód:
.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}
  1. Zmeny si pozriete výberom možnosti Ukážka šablóny.
  2. Kliknite na Uložiť.

Úprava štýlu baliacich listov pomocou CSS

Baliaci list môžete prispôsobiť pomocou súborov CSS, ktoré nahráte do služby Shopify. Súbory CSS hosťované mimo Shopify sa nevykreslia správne.

Kroky:

  1. V administrátorovi Shopify prejdite na Obsah > Súbory.

  2. Kliknite na Nahrať súbory.

  3. Vyberte a nahrajte súbor CSS.

  4. Po dokončení nahrávania skopírujte URL adresu súboru.

  5. Vložte nasledujúci kód:

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