Prilagajanje dobavnic

Predlogo dobavnic lahko prilagodite. Spreminjanje predloge vam omogoča, da dodate svojo blagovno znamko in spremenite videz in uporabniško izkušnjo dobavnice.

Sprememba naslova trgovine

Če želite urediti ali spremeniti naslov trgovine, pojdite v Nastavitve > Splošno in uredite podatke o trgovini.

Če želite spremeniti samo naslov na dobavnicah, sledite spodnjim korakom.

Koraki:

  1. V skrbniku Shopify pojdite v Nastavitve > Pošiljanje in dostava.

  2. V razdelku Dokumenti kliknite Predloga dobavnice.

  3. Poiščite spremenljivko Liquid {{ shop_address.summary }}, ki se sklicuje na naslov vaše trgovine. Če te spremenljivke ne najdete, poskusite z naslednjo:

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}
  1. Označite to kodo in jo izbrišite.
  2. V ta prazen prostor vnesite naslov, ki ga želite imeti na dobavnicah. Svoj naslov lahko na primer vnesete v tej obliki: 123 Example Street, New York, NY, 10000, United States
  3. Kliknite Predogled predloge, da si ogledate spremembe.
  4. Kliknite Shrani.

Odstranitev slik izdelkov

Slike izdelkov, ki so prikazane poleg imen izdelkov na dobavnicah, lahko odstranite.

Koraki:

  1. V skrbniku Shopify pojdite v Nastavitve > Pošiljanje in dostava.

  2. V razdelku Dokumenti kliknite Predloga dobavnice.

  3. Poiščite naslednje spremenljivke Liquid, ki se sklicujejo na slike izdelkov:

{% 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 to kodo in jo izbrišite.
  2. Kliknite Predogled predloge, da si ogledate predogled sprememb.
  3. Kliknite Shrani.

Preden na dobavnice dodate logotip trgovine, morate naložiti logotip v skrbnika Shopify. Po nalaganju si zabeležite ime naložene datoteke, da ga boste lahko pozneje uporabili v predlogi dobavnice.

Ko logotip naložite v trgovino, lahko dodate logotip in odstranite ime trgovine, dodate logotip nad imenom trgovine ali pa dodate logotip poleg imena trgovine.

Koraki:

  1. V skrbniku Shopify pojdite na Vsebina > Datoteke.

  2. Kliknite Naloži datoteke.

  3. Izberite in naložite logotip trgovine iz svoje naprave.

  4. Ko je nalaganje končano, si zabeležite ime datoteke, vključno z razširitvijo datoteke (na primer .png ali .jpg).

Dodajanje logotipa in odstranitev imena trgovine

Ime trgovine lahko odstranite in ga na vrhu dobavnic zamenjate z logotipom trgovine.

Koraki:

  1. V skrbniku Shopify pojdite v Nastavitve > Pošiljanje in dostava.

  2. V razdelku Dokumenti kliknite Predloga dobavnice.

  3. Poiščite naslednjo kodo, ki se sklicuje na ime trgovine:

<p class="to-uppercase">
  {{ shop.name }}
</p>
  1. Označite to kodo in jo izbrišite.
  2. V ustvarjeni prostor vnesite naslednjo kodo in uporabite ime predhodno naložene datoteke:
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}

Filter file_img_url ustvari URL-naslov za naloženo datoteko z navedeno velikostjo, filter img_tag pa ustvari slikovno oznako HTML z nadomestnim besedilom, ki ga navedete.

Če je naložena datoteka na primer shop_logo.png, bo ustrezna koda Liquid naslednja:

{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}
  1. Izberite Predogled predloge za predogled sprememb.
  2. Kliknite Shrani.

Dodajanje logotipa nad imenom trgovine

Če želite dodati logotip nad imenom trgovine na vrhu dobavnic, sledite spodnjim korakom.

Koraki:

  1. V skrbniku Shopify pojdite v Nastavitve > Pošiljanje in dostava.

  2. V razdelku Dokumenti kliknite Predloga dobavnice.

  3. Poiščite naslednjo spremenljivko Liquid, ki se sklicuje na ime trgovine, in dodajte prelom vrstice med obema vrsticama:

<div class="shop-title">
      |
      <p class="to-uppercase">
  1. V ustvarjeni prostor vnesite naslednjo kodo z imenom datoteke, ki ste jo naložili prej (na primer shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>
  1. Izberite Predogled predloge za predogled sprememb.
  2. Kliknite Shrani.

Dodajanje logotipa poleg imena trgovine

Če želite dodati logotip poleg imena trgovine na vrhu dobavnic, sledite spodnjim korakom.

Koraki:

  1. V skrbniku Shopify pojdite v Nastavitve > Pošiljanje in dostava.

  2. V razdelku Dokumenti kliknite Predloga dobavnice.

  3. Poiščite naslednjo spremenljivko Liquid, ki se sklicuje na ime trgovine:

<p class="to-uppercase">
{{ shop.name }}
</p>
  1. Označite to kodo in jo izbrišite.
  2. V ustvarjeni prostor vnesite naslednjo kodo z imenom datoteke, ki ste jo naložili prej (na primer shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
  {{ shop.name }}
</span>
  1. Poiščite naslednje spremenljivke Liquid:
.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}
  1. Na koncu zgoraj navedenih spremenljivk dodajte novo vrstico in prilepite naslednjo kodo:
.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}
  1. Izberite Predogled predloge za predogled sprememb.
  2. Kliknite Shrani.

Oblikovanje dobavnic s seznami slogov (CSS)

Dobavnico lahko prilagodite z datotekami s seznami slogov (CSS), ki jih naložite v Shopify. Datoteke s seznami slogov (CSS), ki gostujejo zunaj Shopifyja, se ne bodo pravilno upodobile.

Koraki:

  1. V skrbniku Shopify pojdite na Vsebina > Datoteke.

  2. Kliknite Naloži datoteke.

  3. Izberite in naložite datoteko s seznami slogov (CSS).

  4. Ko je nalaganje končano, kopirajte URL-naslov datoteke.

  5. Vključite naslednjo kodo:

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