Bantuan
Log masuk

Memaparkan Shop Promise pada halaman produk anda

Lencana Shop Promise dipaparkan di sebelah tarikh penghantaran dan pada halaman produk untuk penghantaran yang layak yang dianggarkan dihantar secara domestik di Amerika Syarikat dalam masa lima hari kalendar atau kurang. Lencana ini memberitahu pelanggan bahawa pesanan mereka merangkumi penghantaran pantas dan boleh dipercayai.

Selepas anda mengaktifkan Shop Promise, anda perlu menavigasi ke halaman produk menggunakan editor tema anda untuk mengesahkan bahawa lencana Shop Promise dipaparkan dengan betul.

Jika lencana tidak dipaparkan dengan betul, pastikan kedai anda telah mengaktifkan butang pembayaran dipercepat. Anda juga mempunyai beberapa pilihan untuk menyesuaikan paparan lencana Shop Promise.

Pada halaman ini

Letakkan modul Shop Promise secara manual

Jika anda selesa membaca dan menyunting kod tema, maka anda boleh mengenal pasti tempat untuk membuat perubahan dan mengemas kini halaman produk.

Kenal pasti tempat untuk membuat perubahan

Kod untuk modul Shop Promise perlu disertakan dalam borang produk pada halaman produk, yang sepatutnya serupa dengan {%- form 'product', product -%}. Modul Shop Promise boleh didapati di pelbagai lokasi bergantung pada tema anda. Berikut ialah lokasi umum:

  • main-product.liquid
  • product-form.liquid
  • product-template.liquid
  • product.liquid

Kemas kini halaman produk

Langkah:

Desktop

  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Cari tema yang ingin anda sunting, klik ikon Menu mendatar untuk membuka menu tindakan, dan kemudian klik Edit kod.

  3. Buka fail yang berkaitan.

  4. Cari baris yang mengandungi {%- if block.settings.show_dynamic_checkout -%} atau {{ form | payment_button }}.

  5. Cipta baris baharu betul-betul di bawah {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} dan tampalkan yang berikut pada baris tersebut:

<div class="delivery-promise__promise-container"></div>
  1. Klik Simpan.

Hasilnya sepatutnya serupa dengan yang berikut:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>
Mudah alih

  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian > Urus semua tema.

  3. Cari tema yang ingin anda sunting, ketik butang … untuk membuka menu tindakan, dan kemudian ketik Edit kod.

  4. Buka fail yang berkaitan.

  5. Cari baris yang mengandungi {%- if block.settings.show_dynamic_checkout -%} atau {{ form | payment_button }}.

  6. Cipta baris baharu betul-betul di bawah {%- if block.settings.show_dynamic_checkout -%}{{ form | payment_button }}{%- endif -%} dan tampalkan yang berikut pada baris tersebut:

<div class="delivery-promise__promise-container"></div>
  1. Ketik Simpan atau ✓.

Hasilnya sepatutnya serupa dengan yang berikut:

{%- if block.settings.show_dynamic_checkout -%}
  {{ form | payment_button }}
{%- endif -%}
<div class="delivery-promise__promise-container"></div>

Ganti tema modul Shop Promise secara manual

Modul Shop Promise mempunyai tema gelap dan cerah. Modul akan menggunakan mana-mana tema secara automatik yang mempunyai nisbah kontras paling tinggi berbanding dengan warna latar belakang halaman produk.

Jika anda selesa membaca dan menyunting kod tema, maka anda boleh menggantikan tema modul terpilih dengan menambahkan atribut data pada elemen penambat yang digunakan untuk meletakkan modul Shop Promise secara manual.

Sebelum anda membuat sebarang perubahan, penduakan tema anda dan sunting tema pendua supaya anda dapat membuat asal sebarang perubahan dengan mudah.

Langkah:

Desktop
  1. Ikut arahan untuk meletakkan modul Shop Promise secara manual pada halaman produk anda dan kemudian biarkan penyunting tema dibuka.
  2. Tambahkan atribut data tema pada elemen penambat yang baru dicipta dan tetapkan nilainya kepada gelap atau cerah.
  3. Klik Simpan.

Hasilnya sepatutnya serupa dengan salah satu yang berikut:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Atau

<div class="delivery-promise__promise-container" data-theme="light"></div>
Mudah alih
  1. Ikut arahan untuk meletakkan modul Shop Promise secara manual pada halaman produk anda dan kemudian biarkan penyunting tema dibuka.
  2. Tambahkan atribut data tema pada elemen penambat yang baru dicipta dan tetapkan nilainya kepada gelap atau cerah.
  3. Ketik Simpan.

Hasilnya sepatutnya serupa dengan salah satu yang berikut:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Atau

<div class="delivery-promise__promise-container" data-theme="light"></div>

Tambah HTML atau Liquid tersuai untuk modul Promise

Jika tema anda menyokong blok tersuai, maka anda boleh menggunakan blok Liquid Tersuai untuk menambah modul Shop Promise pada halaman produk anda tanpa menyunting kod tema.

Langkah untuk menambah modul Promise menggunakan blok Liquid tersuai:

Desktop

  1. Daripada pentadbir Shopify anda, pergi ke Kedai dalam talian > Tema.

  2. Cari tema yang ingin anda sunting dan klik Edit tema.

  3. Navigasi ke halaman produk menggunakan pemilih templat di bar menu atas.

  4. Dalam menu bar sisi, cari bahagian Maklumat produk.

  5. Klik Tambah blok dan pilih Liquid tersuai daripada senarai blok yang tersedia.

  6. Dalam medan teks Liquid tersuai, tampalkan kod berikut:

<div class="delivery-promise__promise-container"></div>
  1. Letakkan blok dengan menyeretnya ke lokasi yang diingini, biasanya di bawah blok butang Beli.
  2. Klik Simpan untuk menggunakan perubahan anda.

Jika anda ingin menetapkan keutamaan tema (gelap atau cerah), gunakan salah satu yang berikut sebaliknya:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Atau

<div class="delivery-promise__promise-container" data-theme="light"></div>
Mudah alih

  1. Daripada aplikasi Shopify, ketik ikon Menu.

  2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian > Urus semua tema.

  3. Cari tema aktif anda dan ketik Edit tema.

  4. Navigasi ke halaman produk menggunakan pemilih templat di bahagian atas.

  5. Ketik bahagian Maklumat produk.

  6. Ketik Tambah blok dan pilih Liquid Tersuai.

  7. Dalam medan teks Liquid tersuai, tampalkan kod berikut:

<div class="delivery-promise__promise-container"></div>
  1. Letakkan blok dengan menyeretnya ke lokasi yang diingini, biasanya di bawah blok butang Beli.
  2. Ketik Simpan untuk menggunakan perubahan anda.

Jika anda ingin menetapkan keutamaan tema (gelap atau cerah), gunakan salah satu yang berikut sebaliknya:

<div class="delivery-promise__promise-container" data-theme="dark"></div>

Atau

<div class="delivery-promise__promise-container" data-theme="light"></div>

Bahasa yang disokong untuk lencana Shop Promise

Rujuk jadual berikut untuk bahasa yang boleh memaparkan lencana Shop Promise. Jika bahasa kedai anda tidak disokong, lencana Shop Promise akan dipaparkan dalam bahasa Inggeris.

Bahasa yang boleh memaparkan lencana Shop Promise.
Cina (Ringkas)Cina (Tradisional)CroatiaCzech
DenmarkBelandaInggerisFinland
PerancisJermanYunaniHindi
HungaryIndonesiaItaliJepun
KoreaLithuaniaMelayuNorway (Bokmål)
PolandPortugis (Brazil)Portugis (Portugal)Romania
RusiaSlovakSloveniaSepanyol
SwedenThaiTurkiVietnam