Pomoć
Prijavi se

Prilagodba otpremnica

Možete prilagoditi predložak svojih otpremnica. Promjena predloška omogućuje vam dodavanje vlastitog brendiranja te promjenu izgleda i osjećaja otpremnice.

Na ovoj stranici

Promjena adrese trgovine

Ako želite urediti ili promijeniti adresu svoje trgovine, možete otići na Postavke > Općenito i urediti podatke o svojoj trgovini.

Ako želite promijeniti samo adresu na svojim otpremnicama, slijedite korake u nastavku.

Koraci:

  1. U administratorskom alatu za Shopify idite na Postavke > Dostava i isporuka.

  2. U odjeljku Dokumenti kliknite Predložak otpremnice.

  3. Pronađite varijablu Liquid {{ shop_address.summary }} koja referencira adresu vaše trgovine. Ako ne možete pronaći ovu varijablu, pokušajte sa sljedećom:

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}
  1. Označite ovaj kôd i izbrišite ga.
  2. U ovaj prazan prostor upišite adresu koju želite na otpremnicama. Na primjer, adresu možete upisati da izgleda ovako: 123 Example Street, New York, NY, 10000, United States
  3. Kliknite Pregled predloška da biste vidjeli promjene.
  4. Kliknite Spremi.

Uklanjanje slika proizvoda

Možete ukloniti slike svojih proizvoda koje se prikazuju pored naziva proizvoda na vašim otpremnicama.

Koraci:

  1. U administratorskom alatu za Shopify idite na Postavke > Dostava i isporuka.

  2. U odjeljku Dokumenti kliknite Predložak otpremnice.

  3. Pronađite sljedeće varijable Liquid koje referenciraju slike vaših proizvoda:

{% 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. Označite ovaj kôd i izbrišite ga.
  2. Kliknite Pregled predloška da biste pregledali promjene.
  3. Kliknite Spremi.

Prije nego što dodate logotip trgovine na otpremnice, trebate prenijeti logotip u administratorski alat za Shopify. Nakon prijenosa zabilježite naziv prenesene datoteke kako biste ga poslije mogli upotrijebiti u predlošku otpremnice.

Nakon prijenosa logotipa u trgovinu možete dodati logotip i ukloniti naziv trgovine, dodati logotip iznad naziva trgovine ili dodati logotip pored naziva trgovine.

Koraci:

  1. U administratorskom alatu za Shopify idite na Sadržaj > Datoteke.

  2. Kliknite na Prenesi datoteke.

  3. Odaberite i prenesite logotip trgovine sa svog uređaja.

  4. Zabilježite naziv datoteke kada prijenos završi, uključujući datotečni nastavak (na primjer, .png ili .jpg).

Dodavanje logotipa i uklanjanje naziva trgovine

Možete ukloniti naziv trgovine i zamijeniti ga logotipom na vrhu otpremnica.

Koraci:

  1. U administratorskom alatu za Shopify idite na Postavke > Dostava i isporuka.

  2. U odjeljku Dokumenti kliknite Predložak otpremnice.

  3. Pronađite sljedeći kôd koji upućuje na naziv trgovine:

<p class="to-uppercase">
  {{ shop.name }}
</p>
  1. Označite ovaj kôd i izbrišite ga.
  2. U stvoreni prostor upišite sljedeći kôd koristeći prethodno preneseni naziv datoteke:
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}

Filtar file_img_url generira URL za prenesenu datoteku s navedenom veličinom, a filtar img_tag stvara HTML slikovnu oznaku s navedenim alt. tekstom.

Na primjer, ako je prenesena datoteka shop_logo.png, odgovarajući kôd Liquid bit će:

{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}
  1. Odaberite Pregledaj predložak da biste pregledali svoje promjene.
  2. Kliknite Spremi.

Dodavanje logotipa iznad naziva trgovine

Ako želite dodati logotip iznad naziva trgovine na vrhu otpremnica, slijedite korake u nastavku.

Koraci:

  1. U administratorskom alatu za Shopify idite na Postavke > Dostava i isporuka.

  2. U odjeljku Dokumenti kliknite Predložak otpremnice.

  3. Pronađite sljedeću varijablu Liquid koja upućuje na naziv trgovine i dodajte prijelom između dva retka:

<div class="shop-title">
      |
      <p class="to-uppercase">
  1. U stvoreni prostor upišite sljedeći kôd koristeći prethodno preneseni naziv datoteke (na primjer, shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>
  1. Odaberite Pregledaj predložak da biste pregledali svoje promjene.
  2. Kliknite Spremi.

Dodavanje logotipa pored naziva trgovine

Ako želite dodati logotip pored naziva trgovine na vrhu otpremnica, slijedite korake u nastavku.

Koraci:

  1. U administratorskom alatu za Shopify idite na Postavke > Dostava i isporuka.

  2. U odjeljku Dokumenti kliknite Predložak otpremnice.

  3. Pronađite sljedeću varijablu Liquid koja upućuje na naziv trgovine:

<p class="to-uppercase">
{{ shop.name }}
</p>
  1. Označite ovaj kôd i izbrišite ga.
  2. U stvoreni prostor upišite sljedeći kôd koristeći prethodno preneseni naziv datoteke (na primjer, shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
  {{ shop.name }}
</span>
  1. Pronađite sljedeće varijable Liquid:
.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}
  1. Dodajte novi redak na kraju gore navedenih varijabli i zalijepite sljedeći kôd:
.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}
  1. Odaberite Pregledaj predložak da biste pregledali svoje promjene.
  2. Kliknite Spremi.

Oblikovanje otpremnica s pomoću CSS-a

Možete prilagoditi otpremnice pomoću datoteka CSS koje prenesete na Shopify. Datoteke CSS koje se hostiraju izvan platforme Shopify neće se ispravno prikazati.

Koraci:

  1. U administratorskom alatu za Shopify idite na Sadržaj > Datoteke.

  2. Kliknite na Prenesi datoteke.

  3. Odaberite i prenesite svoju datoteku CSS.

  4. Kopirajte URL datoteke kada prijenos završi.

  5. Uključite sljedeći kôd:

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