Menyesuaikan slip pengepakan

Anda dapat menyesuaikan templat slip pengepakan. Mengubah templat memungkinkan Anda menambahkan branding sendiri dan mengubah tampilan dan nuansa slip pengepakan.

Ubah alamat toko

Jika Anda ingin mengedit atau mengubah alamat toko, buka Pengaturan > Umum dan edit informasi toko Anda.

Jika Anda hanya ingin mengubah alamat di slip pengepakan, ikuti langkah-langkah di bawah ini.

Langkah-langkah:

1. Dari admin Shopify, buka Pengaturan > Pengiriman dan pengantaran.

2. Di bagian Dokumen, klik Templat slip pengepakan.

3. Temukan variabel Liquid {{ shop_address.summary }} yang merujuk ke alamat toko Anda. Jika Anda tidak dapat menemukan variabel ini, coba yang berikut:

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}

4. Sorot kode ini, lalu hapus.
5. Ketik alamat yang ingin dicantumkan di slip pengepakan Anda di ruang kosong ini. Misalnya, Anda bisa mengetik alamat Anda agar terlihat seperti ini: 123 Example Street, New York, NY, 10000, United States
6. Klik Pratinjau templat untuk melihat perubahan Anda.
7. Klik Simpan.

Hapus foto produk

Anda dapat menghapus foto produk yang ditampilkan di samping judul produk di slip pengepakan Anda.

Langkah-langkah:

1. Dari admin Shopify, buka Pengaturan > Pengiriman dan pengantaran.

2. Di bagian Dokumen, klik Templat slip pengepakan.

3. Temukan variabel Liquid berikut yang merujuk ke foto produk Anda:

{% 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 %}

4. Sorot kode ini, lalu hapus.
5. Klik Pratinjau templat untuk mempratinjau perubahan Anda.
6. Klik Simpan.

Edit logo

Sebelum menambahkan logo toko ke slip pengepakan, Anda perlu mengunggah logo ke admin Shopify. Setelah mengunggah, catat nama file yang diunggah agar dapat digunakan nanti di templat slip pengepakan.

Setelah mengunggah logo ke toko, Anda dapat menambahkan logo dan menghapus nama toko, menambahkan logo di atas nama toko, atau menambahkan logo di samping nama toko.

Langkah-langkah:

1. Dari admin Shopify, buka Konten > File.

2. Klik Unggah file.

3. Pilih dan unggah logo toko Anda dari perangkat.

4. Catat nama file setelah pengunggahan selesai, termasuk ekstensi file (misalnya, .png atau .jpg).

Menambahkan logo dan menghapus nama toko

Anda dapat menghapus nama toko dan menggantinya dengan logo toko di bagian atas slip pengepakan Anda.

Langkah-langkah:

1. Dari admin Shopify, buka Pengaturan > Pengiriman dan pengantaran.

2. Di bagian Dokumen, klik Templat slip pengepakan.

3. Temukan kode berikut yang merujuk ke nama toko Anda:

<p class="to-uppercase">
  {{ shop.name }}
</p>

4. Sorot kode ini, lalu hapus.
5. Di ruang yang telah Anda buat, tulis kode berikut menggunakan nama file yang diunggah sebelumnya:

{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}

Filter file_img_url menghasilkan URL untuk file yang diunggah dengan ukuran yang ditentukan, dan filter img_tag membuat tag gambar HTML dengan teks alt yang Anda berikan.

Misalnya, jika file yang diunggah adalah shop_logo.png, maka kode liquid yang sesuai adalah:

{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}

6. Pilih Pratinjau templat untuk mempratinjau perubahan Anda.
7. Klik Simpan.

Menambahkan logo di atas nama toko

Jika Anda ingin menambahkan logo di atas nama toko di bagian atas slip pengepakan, ikuti langkah-langkah di bawah ini.

Langkah-langkah:

1. Dari admin Shopify, buka Pengaturan > Pengiriman dan pengantaran.

2. Di bagian Dokumen, klik Templat slip pengepakan.

3. Temukan variabel Liquid berikut yang merujuk ke nama toko Anda, lalu tambahkan jeda baris di antara kedua baris tersebut:

<div class="shop-title">
      |
      <p class="to-uppercase">

4. Di ruang yang telah Anda buat, tulis kode berikut menggunakan nama file yang Anda unggah sebelumnya (misalnya, shop_logo.png):

{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>

5. Pilih Pratinjau templat untuk mempratinjau perubahan Anda.
6. Klik Simpan.

Menambahkan logo di samping nama toko

Jika Anda ingin menambahkan logo di samping nama toko di bagian atas slip pengepakan, ikuti langkah-langkah di bawah ini.

Langkah-langkah:

1. Dari admin Shopify, buka Pengaturan > Pengiriman dan pengantaran.

2. Di bagian Dokumen, klik Templat slip pengepakan.

3. Temukan variabel Liquid berikut yang merujuk ke nama toko Anda:

<p class="to-uppercase">
{{ shop.name }}
</p>

4. Sorot kode ini, lalu hapus.
5. Di ruang yang telah Anda buat, tulis kode berikut menggunakan nama file yang Anda unggah sebelumnya (misalnya, shop_logo.png):

{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
  {{ shop.name }}
</span>

6. Temukan variabel Liquid berikut:

.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}

7. Tambahkan baris baru di akhir variabel yang tercantum di atas, lalu tempelkan kode berikut:

.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}

8. Pilih Pratinjau templat untuk mempratinjau perubahan Anda.
9. Klik Simpan.

Menata gaya slip pengepakan menggunakan CSS

Anda dapat menyesuaikan slip pengepakan menggunakan file CSS yang Anda unggah ke Shopify. File CSS yang dihosting di luar Shopify tidak akan dirender dengan benar.

Langkah-langkah:

1. Dari admin Shopify, buka Konten > File.

2. Klik Unggah file.

3. Pilih dan unggah file CSS Anda.

4. Salin URL file setelah proses unggah selesai.

5. Sertakan kode berikut:

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