Menyesuaikan slip pembungkusan

Anda boleh menyesuaikan templat slip pembungkusan anda. Penukaran templat membolehkan anda menambahkan penjenamaan anda sendiri serta menukar rupa dan rasa slip pembungkusan.

Tukar alamat kedai

Jika anda mahu mengedit atau menukar alamat kedai anda, anda boleh pergi ke Tetapan > Umum dan mengedit maklumat kedai anda.

Jika anda hanya mahu menukar alamat pada slip pembungkusan anda, ikut langkah di bawah.

Langkah-langkah:

1. Daripada pentadbir Shopify anda, pergi ke Tetapan > Pengiriman dan penghantaran.

2. Dalam bahagian Dokumen, klik Templat slip pembungkusan.

3. Cari pemboleh ubah Liquid {{ shop_address.summary }} yang merujuk alamat kedai anda. Jika anda tidak menemui pemboleh ubah ini, cuba pemboleh ubah yang berikut:

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

4. Serlahkan kod ini dan padamkannya.
5. Taipkan alamat yang ingin anda letakkan pada slip pembungkusan anda di ruang kosong ini. Sebagai contoh, anda boleh menaipkan alamat anda agar kelihatan seperti ini: 123 Example Street, New York, NY, 10000, United States
6. Klik Pratonton templat untuk melihat perubahan anda.
7. Klik Simpan.

Alih keluar imej produk

Anda boleh mengalih keluar imej produk anda yang dipaparkan di sebelah tajuk produk pada slip pembungkusan anda.

Langkah-langkah:

1. Daripada pentadbir Shopify anda, pergi ke Tetapan > Pengiriman dan penghantaran.

2. Dalam bahagian Dokumen, klik Templat slip pembungkusan.

3. Cari pemboleh ubah Liquid berikut yang merujuk imej 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. Serlahkan kod ini dan padamkannya.
5. Klik Pratonton templat untuk mempratonton perubahan anda.
6. Klik Simpan.

Edit logo

Sebelum anda menambah logo kedai pada slip pembungkusan anda, anda perlu memuat naik logo anda ke pentadbir Shopify anda. Selepas pemuatnaikan selesai, ambil perhatian tentang nama fail yang dimuat naik supaya anda boleh menggunakannya kemudian dalam templat slip pembungkusan.

Selepas anda memuat naik logo ke kedai anda, anda boleh menambah logo dan mengalih keluar nama kedai anda, menambah logo di atas nama kedai anda atau menambah logo di sebelah nama kedai anda.

Langkah-langkah:

1. Daripada pentadbir Shopify anda, pergi ke Kandungan > Fail.

2. Klik Muat naik fail.

3. Pilih dan muat naik logo kedai dari peranti anda.

4. Ambil perhatian tentang nama fail apabila pemuatnaikan selesai, termasuk sambungan fail (contohnya, .png atau .jpg).

Tambah logo dan alih keluar nama kedai

Anda boleh mengalih keluar nama kedai anda dan menggantikannya dengan logo kedai anda di bahagian atas slip pembungkusan anda.

Langkah-langkah:

1. Daripada pentadbir Shopify anda, pergi ke Tetapan > Pengiriman dan penghantaran.

2. Dalam bahagian Dokumen, klik Templat slip pembungkusan.

3. Cari kod berikut yang merujuk pada nama kedai anda:

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

4. Serlahkan kod ini dan padamkannya.
5. Di ruang yang telah anda cipta, tulis kod berikut menggunakan nama fail yang dimuat naik tadi:

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

Penapis file_img_url menjana URL bagi fail yang dimuat naik dengan saiz yang ditentukan dan penapis img_tag mencipta tag imej HTML dengan teks alt yang anda berikan.

Sebagai contoh, jika fail yang dimuat naik ialah shop_logo.png, kod Liquid yang sepadan ialah:

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

6. Pilih Pratonton templat untuk mempratonton perubahan anda.
7. Klik Simpan.

Tambah logo di atas nama kedai

Jika anda mahu menambah logo di atas nama kedai anda di bahagian atas slip pembungkusan anda, ikuti langkah-langkah di bawah.

Langkah-langkah:

1. Daripada pentadbir Shopify anda, pergi ke Tetapan > Pengiriman dan penghantaran.

2. Dalam bahagian Dokumen, klik Templat slip pembungkusan.

3. Cari pemboleh ubah Liquid berikut yang merujuk pada nama kedai anda dan tambah pemisah baris antara kedua-dua baris tersebut:

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

4. Dalam ruang yang telah anda cipta, tulis kod berikut menggunakan nama fail yang anda muat naik tadi (contohnya, shop_logo.png):

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

5. Pilih Pratonton templat untuk mempratonton perubahan anda.
6. Klik Simpan.

Tambah logo di sebelah nama kedai

Jika anda mahu menambah logo anda di sebelah nama kedai anda di bahagian atas slip pembungkusan anda, ikuti langkah-langkah di bawah.

Langkah-langkah:

1. Daripada pentadbir Shopify anda, pergi ke Tetapan > Pengiriman dan penghantaran.

2. Dalam bahagian Dokumen, klik Templat slip pembungkusan.

3. Cari pemboleh ubah Liquid berikut yang merujuk pada nama kedai anda:

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

4. Serlahkan kod ini dan padamkannya.
5. Dalam ruang yang telah anda cipta, tulis kod berikut menggunakan nama fail yang anda muat naik tadi (contohnya, shop_logo.png):

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

6. Cari pemboleh ubah Liquid berikut:

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

7. Tambahkan baris baharu di hujung pemboleh ubah yang disenaraikan di atas dan tampal kod berikut:

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

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

8. Pilih Pratonton templat untuk mempratonton perubahan anda.
9. Klik Simpan.

Gayakan slip pembungkusan menggunakan CSS

Anda boleh menyesuaikan slip pembungkusan anda menggunakan fail CSS yang anda muat naik ke Shopify. Fail CSS yang dihoskan di luar Shopify tidak akan dipaparkan dengan betul.

Langkah-langkah:

1. Daripada pentadbir Shopify anda, pergi ke Kandungan > Fail.

2. Klik Muat naik fail.

3. Pilih dan muat naik fail CSS anda.

4. Salin URL fail apabila pemuatnaikan selesai.

5. Sertakan kod berikut:

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