Menyelesaikan masalah tema kedai dalam talian anda

Imej mungkin dipaparkan secara berbeza daripada yang anda jangkakan, tetapi itu mungkin disebabkan oleh imej itu sendiri tidak serasi dengan tujuan anda menggunakan imej tersebut dalam tema anda. Sahkan dimensi imej adalah betul dalam imej yang anda gunakan. Semak senarai isu paparan biasa yang berikut yang mungkin berlaku semasa memuat naik imej yang tidak serasi:

• Jika pengepala anda dipaparkan lebih besar dan imej logo anda dipaparkan lebih kecil daripada yang anda jangkakan, keadaan ini mungkin disebabkan oleh ruang putih dalam fail imej logo. Ruang putih dalam fail imej logo boleh menyebabkan logo dipaparkan lebih kecil dan pengepala anda mungkin dipaparkan lebih besar disebabkan ruang putih. Sunting fail imej untuk mengesahkan fail imej telah dipangkas di sekeliling logo dan tidak terdapat ruang putih.
• Jika imej tayangan slaid anda dipangkas, maka ini sengaja direka bentuk untuk memastikan imej dipaparkan sama pada mudah alih seperti pada desktop. Memandangkan kandungan memaparkan lebih kecil pada skrin mudah alih, terdapat banyak perincian yang mungkin hilang akibat pengecilan saiz kandungan. Sebaliknya, kandungan dipangkas untuk memastikan bahawa perincian tidak hilang. Imej potret, yang lebih tinggi daripada lebarnya, juga boleh mengambil ruang yang ketara pada desktop. Itulah sebabnya imej tayangan slaid mempunyai ketinggian maksimum. Anda boleh tambahkan titik fokus pada imej tayangan slaid anda untuk memastikan titik fokus sentiasa berada di tengah imej tayangan slaid.

  Pilihan ketinggian penyesuaian: Banyak tema Shopify termasuk tetapan ketinggian penyesuaian untuk tayangan slaid yang melaraskan ketinggian tayangan slaid untuk memadankan slaid imej pertama, mengurangkan pemangkasan merentas saiz skrin yang berbeza. Ciri ini tersedia dalam semua tema yang disokong pada masa ini yang dibangunkan oleh Shopify.

• Jika imej GIF tidak dipaparkan dengan betul dan imej itu telah ditambah ke laman kedai anda dengan penyunting teks beraneka, seperti dalam perihalan produk atau dalam siaran blog, keadaan ini mungkin disebabkan oleh saiz imej. Anda boleh membetulkan perkara ini dengan mengklik GIF dalam penyunting teks beraneka, kemudian klik Sunting imej. Dalam menu juntai bawah Saiz imej, pilih Asal. Anda kemudian boleh mengubah saiz GIF dengan mengklik dan menyeret penjuru imej ke dalam untuk menjadikannya lebih kecil atau keluar untuk menjadikannya lebih besar.
• Jika imej anda mempunyai perubahan warna yang ketara pada laman kedai anda berbanding imej asal, imej anda mungkin bukan dalam warna Merah Hijau Biru (sRBG) yang standard. Untuk membetulkan perubahan warna ini, simpan fail anda dalam aplikasi pengeditan foto sebagai sRBG. Istilah umum untuk hal ini ialah "Optimumkan web", "Laras imej untuk Web", atau "Simpan untuk Web". Ketahui lebih lanjut tentang profil warna.
• Jika imej produk anda pada halaman koleksi anda tidak sejajar, anda mungkin perlu melaraskan nisbah aspek dalam fail imej produk agar imej tersebut mempunyai nisbah ketinggian dan lebar yang sama, kemudian muat naik imej produk tersebut sekali lagi. Anda juga boleh menggunakan aplikasi pengeditan imej daripada Shopify App Store.

Semak isu berikut untuk isu khusus anda dan langkah-langkah untuk membantu anda menyelesaikan masalah:

• Produk hilang: Jika produk anda hilang dari laman kedai anda, anda mungkin perlu menyemak Status dan Saluran jualan anda dalam bahagian Penerbitan produk anda di dalam pentadbir Shopify anda. Sahkan bahawa status produk ialah Aktif dan produk tersebut tersedia untuk Kedai Dalam Talian.
• Koleksi hilang: Jika koleksi anda hilang dari laman kedai anda, anda mungkin perlu menyemak Saluran jualan dalam bahagian Penerbitan koleksi di dalam pentadbir Shopify anda. Sahkan bahawa koleksi tersebut tersedia untuk Kedai Dalam Talian, dan koleksi anda ditambahkan pada menu anda.
• Koleksi dipaparkan tetapi produk hilang: Jika koleksi anda dipaparkan tetapi ada produk yang hilang, anda mungkin perlu menyemak mana-mana penapis tag untuk koleksi tersebut dalam tetapan Menu anda. Sahkan bahawa tiada tag dalam medan Tapis koleksi dengan tag yang boleh menyebabkan produk tidak dipaparkan.
• Mata wang tidak betul: Jika mata wang anda tidak dipaparkan dengan betul untuk produk atau dalam koleksi anda, anda mungkin ingin menyemak Paparan mata wang dalam bahagian Lalai kedai di bawah Tetapan > Umum bagi mengesahkan bahawa tiada sebarang kod tambahan. Ketahui lebih lanjut tentang memformat cara mata wang dipaparkan kepada pelanggan anda.
• Sesetengah produk dipaparkan secara berbeza: Jika sesetengah produk atau koleksi dipaparkan secara berbeza daripada yang lain, semak Templat tema yang diumpukkan kepada produk atau koleksi dalam pentadbir Shopify anda.
• Tidak boleh menyunting templat produk atau koleksi: Jika templat produk atau koleksi lalai dikelabukan dan tidak boleh dipilih dalam penyunting tema, anda perlu menjadikan sekurang-kurangnya 1 produk atau koleksi tersedia pada saluran jualan Kedai Dalam Talian. Anda tidak boleh menyunting templat lalai ini jika tiada produk atau koleksi tersedia untuk mempratonton perubahan tersebut. Ketahui lebih lanjut tentang menukar ketersediaan koleksi dan menetapkan ketersediaan produk dalam saluran jualan anda.

Jika kandungan yang diterjemahkan anda tidak dipaparkan dengan betul atau hilang dari laman kedai anda, kemungkinan terdapat terjemahan yang lapuk atau terjemahan yang hilang untuk kandungan tersebut. Kandungan tersebut mungkin juga berada dalam templat khusus untuk sesuatu pasaran. Setiap kali anda menambahkan sebarang kandungan baharu dalam bahasa lalai anda, ingat untuk menjalankan terjemahan automatik sekali lagi, atau tambahkan terjemahan baharu secara manual.

Status berikut boleh terpakai kepada kandungan yang diterjemahkan:

• Diterjemahkan: Kandungan tersebut mempunyai terjemahan yang tersedia.
• Lapuk: Kandungan dalam bahasa lalai telah dikemaskinikan, tetapi terjemahan tidak mencerminkan sebarang kemaskinian.
• Tidak Diterjemahkan: Tiada terjemahan untuk jenis kandungan ini.

Semasa menyemak kandungan yang diterjemahkan anda, kemas kini mana-mana kandungan yang tidak diterjemahkan atau lapuk dan kandungan yang diterjemahkan anda kemudiannya akan dipaparkan dengan betul.

Ketahui lebih lanjut tentang menterjemah dan menyetempatkan kedai anda.

Jika laman kedai dan penyunting tema anda tidak memaparkan maklumat yang sama, semak templat tema yang sedang anda sunting. Anda mungkin perlu membuat pengeditan untuk mengemaskinikan templat tema anda agar memaparkan maklumat yang betul.

Pengatasan pasaran membenarkan anda untuk mencipta laman kedai yang berbeza untuk pasaran berbeza dan memaparkan kandungan yang diterjemahkan. Anda mungkin secara tidak sengaja mengusahakannya dalam pasaran tertentu atau B2B apabila membuat kemaskinian. Cari kandungan itu dengan menu juntai bawah Pasaran dalam penyunting tema anda untuk memastikan ianya berada dalam pasaran yang betul.

Ketahui lebih lanjut tentang pengatasan pasaran.

Semua tema yang tersedia di stor Tema Shopify ialah tema responsif, bermakna tema tersebut menyesuaikan dengan saiz skrin. Dalam penyunting tema, anda boleh menukar pandangan saiz skrin semasa penyuntingan tema untuk mengesahkan bahawa halaman dan imej anda dipaparkan dengan betul. Ketahui lebih lanjut tentang melihat saiz skrin yang berbeza dalam penyunting tema.

Banyak bahagian dan blok mempunyai tetapan mudah alih yang boleh anda sesuaikan. Sebagai contoh, anda boleh menetapkan Bilangan lajur pada mudah alih dalam bahagian Produk berkaitan. Anda boleh menyemak tetapan bahagian berkaitan untuk mudah alih bagi setiap templat untuk menyelesaikan sebarang isu paparan pada saiz skrin mudah alih.

Sesetengah ciri tema mungkin dipaparkan secara berbeza pada mudah alih berbanding desktop bagi mengesahkan tema boleh diakses pada semua saiz skrin. Sebagai contoh, pada saiz skrin desktop, tayangan slaid anda mungkin mempunyai lapisan teks, yang mana teks dipaparkan di atas imej selalunya dengan kelegapan warna imej atau bayang-bayang teks. Walau bagaimanapun, pada saiz skrin mudah alih, teks mungkin dipaparkan di bawah tayangan slaid. Ini ialah ciri kebolehcapaian mengikut reka bentuk supaya teks boleh dibaca pada sebarang saiz skrin. Jika sebaliknya teks ialah satu lapisan, teks tersebut akan dipaparkan dengan sangat kecil pada mudah alih, menjadikannya sukar untuk dibaca.

Jika bahagian koleksi yang ditampilkan atau halaman koleksi anda memaparkan saiz yang tidak konsisten atau tidak sejajar apabila melihat laman kedai anda pada mudah alih, hal ini mungkin disebabkan oleh nisbah aspek yang tidak konsisten. Grid imej, seperti imej produk yang dipaparkan dalam koleksi atau koleksi yang ditampilkan, dibina untuk menjadi responsif dengan saiz skrin. Jika anda mempunyai nisbah aspek yang tidak konsisten bagi imej anda di dalam grid imej, imej tersebut mungkin dipaparkan secara berbeza bergantung pada saiz skrin. Imej produk segi empat sama berukuran 2048 px x 2048 px selalunya paling sesuai digunakan dalam grid produk. Kemas kini imej anda agar mempunyai nisbah aspek yang konsisten untuk pengoptimuman merentasi semua saiz skrin. Ketahui lebih lanjut tentang nisbah aspek imej.

Kadangkala kod HTML yang ditambah dalam penyunting teks beraneka anda bercanggah dengan kod tema anda. Jika masalah ini wujud pada satu halaman, seperti halaman produk, halaman, atau siaran blog, kemungkinan masalah ini disebabkan oleh HTML tambahan. Perkara ini kadangkala boleh ditambahkan daripada proses menyalin dan menampal teks dari tapak lain.

Semak kod HTML

Anda boleh menyemak kod HTML di dalam penyunting teks beraneka.

Langkah-langkah:

1. Navigasi ke halaman di dalam pentadbir anda.
2. Klik butang Papar HTML untuk menyemak kod HTML.
3. Cari sebarang kod HTML yang mungkin menyebabkan isu paparan dan alih keluarnya.
4. Klik Simpan.

Kosongkan pemformatan

Anda boleh menyerlahkan sebahagian teks tersebut dan mengosongkan pemformatan HTML.

Langkah-langkah:

1. Navigasi ke halaman di dalam pentadbir anda.
2. Serlahkan teks yang mempunyai isu pemformatan.
3. Klik butang 🚫.
4. Klik Simpan.

Ketahui lebih lanjut tentang penyunting teks beraneka.

Jika laman kedai anda menyertakan kod yang mengarahkan semula pengguna ke URL yang tidak disambungkan kepada kedai anda, sahkan bahawa hala semula telah dinyahaktifkan apabila anda melawati penyunting tema.

Sebagai contoh, hala semula jenis ini mungkin ditambahkan pada laman kedai untuk menghalakan pelanggan ke Kedai Shopify yang berbeza berdasarkan lokasi mereka. Kod hala semula jenis ini mungkin wujud sama ada dalam tema anda atau aplikasi yang anda pasang.

Untuk mengesahkan bahawa hala semula anda tidak mengganggu pengalaman penyunting, gunakan rujukan kepada pemboleh ubah window.Shopify.designMode dalam JavaScript untuk menyahaktifkan hala semula apabila anda melawati penyunting tema. Pemboleh ubah ini ditetapkan kepada true apabila laman kedai dimuatkan dalam penyunting dan false apabila tidak dimuatkan.

Jika anda mempunyai blok boleh lipat atau blok tema lain yang memaparkan kandungan yang sama pada semua halaman produk, anda perlu menyediakan sumber dinamik dengan medan meta. Perkara ini biasanya berlaku apabila pedagang menambah maklumat khusus produk seperti ramuan atau arahan penjagaan pada satu produk, tetapi maklumat tersebut dipaparkan pada semua produk.

Blok boleh lipat memaparkan teks yang sama pada semua produk

Apabila anda menambahkan kandungan secara terus pada blok boleh runtuh dalam penyunting tema anda, kandungan tersebut dipaparkan pada semua halaman produk. Untuk memaparkan kandungan khusus produk, anda perlu menggunakan sumber dinamik dengan medan meta:

1. Dalam pentadbir Shopify anda, pergi ke Tetapan > Medan meta > Produk.
2. Klik Tambah definisi.
3. Masukkan Nama untuk medan meta anda, kemudian klik Pilih jenis kandungan.
4. Pilih Teks dan Teks berbilang baris.
5. Klik Simpan.
6. Pergi ke halaman produk dalam pentadbir anda dan tatal ke bahagian medan meta di bahagian bawah halaman.
7. Tambahkan kandungan khusus produk anda pada medan meta yang anda cipta.
8. Dalam penyunting tema anda, pergi ke templat produk dan cari bahagian Baris boleh lipat anda.
9. Dalam tetapan Kandungan baris, klik butang .
10. Pilih medan meta anda daripada pilihan yang tersedia.
11. Simpan perubahan anda.

Kini setiap produk akan memaparkan kandungannya sendiri apabila medan meta diisi dan tiada kandungan akan dipaparkan jika medan meta kosong untuk produk tersebut.

Ketahui lebih lanjut tentang memaparkan medan meta pada kedai dalam talian anda dan menggunakan medan meta serta metaobjek dengan sumber dinamik.

Jika terdapat ralat sintaksis dalam kod tema anda, mesej amaran Ralat HTML ditemukan atau Ralat tema akan dipaparkan dalam penyunting tema anda. Mesej ralat ini memaparkan fail Liquid yang mengandungi ralat tersebut.

Mesej amaran Tema yang anda cari tidak dapat ditemukan mungkin dipaparkan apabila terdapat HTML yang rosak. Sesuatu halaman boleh gagal dimuatkan dalam penyunting tema atas banyak sebab, seperti sebab yang berikut:

• isu sambungan rangkaian
• kod Liquid tidak sah dalam tema anda

Anda boleh mencari perubahan kod dalam kod tema anda dan membetulkan kod tersebut. Jika anda dapat mengenal pasti fail sedia ada yang terjejas, maka anda boleh memulihkannya kepada versi sebelumnya yang tersedia dalam paparan Garis masa penyunting kod.

Langkah-langkah:

1. Klik fail bahagian .liquid yang dipautkan dalam mesej ralat atau semak fail untuk perubahan terkini. Tindakan ini membawa anda ke Halaman Sunting HTML/Cascading Style Sheets (CSS) dan fail akan dibuka dalam penyunting kod.
2. Semak imbas kod dalam fail dan cuba cari HTML atau Liquid yang tidak sah. Penyunting kod memaparkan potensi ralat sintaksis dalam warna merah. Masalah yang biasa berlaku termasuklah yang berikut:
   • Tag HTML penutup berlebihan, sebagai contoh, </div> penutup tanpa <div> pembuka
   • Tag HTML tidak ditutup yang berlebihan, sebagai contoh, <div> pembuka tanpa </div> penutup
   • Tag HTML cacat, sebagai contoh, <div class="my-class" tanpa >
   • Kod Liquid cacat
   • HTML rosak dalam fail cebisan kod tema yang disertakan
3. Selepas anda menemui masalah tersebut, betulkan kod dalam fail tema anda. Jika anda menggunakan paparan Garis masa penyunting kod untuk memilih versi sebelumnya dan Pulihkan kandungan, maka keseluruhan kandungan fail akan digantikan. Salin kandungan fail semasa ke tempat yang selamat terlebih dahulu jika anda mungkin mahu mengekalkan apa-apa perubahan.
4. Klik Simpan.
5. Klik Sunting tema untuk kembali ke penyunting tema dan sahkan bahawa mesej ralat telah hilang.
6. Navigasi ke laman kedai anda untuk mengesahkan bahawa laman kedai dipaparkan seperti yang dijangkakan.

Ralat “Melebihi bilangan maksimum nama unik”

Jika mesej ralat Liquid seperti “Melebihi bilangan maksimum nama unik untuk all_products” dipaparkan pada laman utama anda, hal ini lazimnya bermaksud anda telah menambah terlalu banyak bahagian Produk Ditampilkan pada laman utama anda (biasanya melebihi 20 bahagian dalam kebanyakan tema).

Untuk menyelesaikan isu ini:

1. Dalam pentadbir Shopify anda, pergi ke Kedai Dalam Talian > Tema.
2. Cari tema semasa anda dan klik Sunting tema.
3. Navigasi ke laman utama anda.
4. Alih keluar beberapa bahagian Produk Ditampilkan untuk kekal dalam had tema.
5. Pertimbangkan untuk menggunakan bahagian Koleksi Ditampilkan sebagai ganti, yang dapat memaparkan berbilang produk dengan lebih cekap dan meningkatkan prestasi kedai anda.

Ikon pembayaran biasanya disertakan secara lalai pada kebanyakan pengaki tema untuk menunjukkan kepada pelanggan tentang kaedah pembayaran yang anda terima. Jika ikon pembayaran tidak kelihatan pada pengaki tema anda, anda boleh menyemak perkara yang berikut:

1. Dalam penyunting tema anda, navigasi ke bahagian Pengaki dan sahkan bahawa tetapan Tunjukkan ikon pembayaran diaktifkan.
2. Dalam pentadbir Shopify anda, pergi ke Tetapan > Pembayaran dan sahkan bahawa terdapat sekurang-kurangnya satu kaedah pembayaran yang aktif. Beberapa kaedah pembayaran mungkin memerlukan supaya persediaan akaun diselesaikan sebelum ikonnya dipaparkan.
3. Jika anda menggunakan gerbang pembayaran pihak ketiga, ikon pembayaran mungkin tidak dipaparkan disebabkan oleh had platform.

Jika anda telah mengesahkan tetapan ini dan ikon pembayaran masih tidak dipaparkan, anda mungkin perlu mendapatkan sokongan untuk tema anda.