Dostosowania dowodów dostawy

Możesz dostosować szablon dowodów dostawy. Zmiana szablonu pozwala na dodanie własnego brandingu i zmianę wyglądu dowodu dostawy.

Zmień adres sklepu

Jeśli chcesz edytować lub zmienić adres sklepu, możesz przejść do opcji Ustawienia > Ogólne i edytować informacje o sklepie.

Jeśli chcesz zmienić tylko adres na dowodach dostawy, wykonaj poniższe czynności.

Kroki:

  1. Z panelu administracyjnego Shopify przejdź do opcji Ustawienia > Wysyłka.
  2. W sekcji Dowody dostawy kliknij Edytuj.
  3. Znajdź następujące zmienne Liquid, które odwołują się do adresu Twojego sklepu:
{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}
  1. Zaznacz ten kod i usuń go. 5. W pustym miejscu wpisz adres, który chcesz umieścić na dowodach dostawy. Na przykład możesz wpisać swój adres, aby wyglądał tak:
    123 Example Street, New York, NY, 10000, United States 6. Kliknij Podgląd szablonu, aby zobaczyć zmiany. 7. Kliknij Zapisz.

Usuń obrazy produktów

Możesz usunąć obrazy swoich produktów, które pojawiają się obok tytułów produktów na dowodach dostawy.

Kroki:

  1. Z panelu administracyjnego Shopify przejdź do opcji Ustawienia > Wysyłka.
  2. W sekcji Dowody dostawy kliknij Edytuj.
  3. Znajdź następujące zmienne Liquid, które odwołują się do obrazów produktów:
{% 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. Zaznacz ten kod i usuń go. 5. Kliknij Podgląd szablonu, aby zobaczyć zmiany. 6. Kliknij Zapisz.

Przed dodaniem logo sklepu do dowodów dostawy musisz przesłać swoje logo do panelu administracyjnego Shopify. Potrzebny jest adres URL przypisany do pliku, aby można go było użyć w dowodach dostawy.

Po załadowaniu logo do sklepu możesz dodać logo i usunąć nazwę sklepu, dodać logo nad nazwą sklepu lub dodać logo obok nazwy sklepu.

Kroki:

  1. Z panelu administracyjnego Shopify przejdź do opcji Ustawienia > Pliki.
  2. Kliknij Załaduj pliki.
  3. Wybierz i załaduj logo sklepu ze swojego urządzenia.
  4. Skopiuj adres URL pliku po zakończeniu ładowania.

Dodaj logo i usuń nazwę sklepu

Możesz usunąć nazwę sklepu i zastąpić ją swoim logo sklepu w górnej części dowodów dostawy.

Kroki:

  1. Z panelu administracyjnego Shopify przejdź do opcji Ustawienia > Wysyłka.
  2. W sekcji Dowody dostawy kliknij Edytuj.
  3. Znajdź poniższą zmienną Liquid, która odwołuje się do nazwy Twojego sklepu: {{ shop.name }}
  4. Zaznacz ten kod i usuń go.
  5. W utworzonym miejscu wpisz następujący kod i wklej skopiowany adres URL, gdzie wskazano:
<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
  1. Wybierz Podgląd szablonu, aby zobaczyć zmiany. 7. Kliknij Zapisz.

Dodaj logo nad nazwą sklepu

Jeśli chcesz dodać swoje logo nad nazwą sklepu w górnej części dowodów dostawy, postępuj zgodnie z poniższymi krokami.

Kroki:

  1. Z panelu administracyjnego Shopify przejdź do opcji Ustawienia > Wysyłka.
  2. W sekcji Dowody dostawy kliknij Edytuj.
  3. Znajdź poniższą zmienną Liquid, która odwołuje się do nazwy Twojego sklepu i dodaj podział linii między dwiema liniami:
<div class="shop-title">
      |
      <p class="to-uppercase">
  1. W utworzonym miejscu wpisz następujący kod i wklej skopiowany adres URL, gdzie wskazano:
<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<br>
  1. Wybierz Podgląd szablonu, aby zobaczyć zmiany. 6. Kliknij Zapisz.

Dodaj logo obok nazwy sklepu

Jeśli chcesz dodać swoje logo obok nazwy sklepu w górnej części dowodów dostawy, wykonaj poniższe czynności.

Kroki:

  1. Z panelu administracyjnego Shopify przejdź do opcji Ustawienia > Wysyłka.
  2. W sekcji Dowody dostawy kliknij Edytuj.
  3. Znajdź następującą zmienną Liquid, która odwołuje się do nazwy Twojego sklepu:
<p class="to-uppercase">
{{ shop.name }}
</p>
  1. Zaznacz ten kod i usuń go. 5. W utworzonym miejscu wpisz następujący kod i wklej skopiowany adres URL, gdzie wskazano:
<img src="PASTE FILE URL HERE" style="width: 60px; height: 60px;">
<span class="to-uppercase">
  {{ shop.name }}
</span>
  1. Znajdź następujące zmienne Liquid:
.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}
  1. Dodaj nowy wiersz na końcu zmiennych wymienionych powyżej i wklej następujący kod:
.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}
  1. Wybierz Podgląd szablonu, aby zobaczyć zmiany. 9. Kliknij Zapisz.

Gotowy(-a) do rozpoczęcia sprzedaży za pomocą Shopify?

Wypróbuj za darmo