Mengedit kod tema

Awas

Jika perubahan yang telah anda buat pada kod tema tidak serasi dengan kemas kini tema, maka semua perubahan kod anda akan dialih keluar dalam salinan yang dikemas kini. Anda hanya patut mengedit kod tema anda jika anda tidak dapat membuat perubahan yang anda perlukan dengan menggunakan aplikasi Shopify atau dengan menggunakan penyunting tema.

Anda boleh mengedit kod tema anda untuk membuat perubahan terperinci pada kedai dalam talian anda dengan penyunting kod. Kebanyakan fail yang membentuk sesuatu tema mengandungi Liquid, bahasa templat Shopify. Fail tema juga mengandungi HTML, CSS, JSON dan JavaScript. Edit kod untuk sesuatu tema hanya jika anda tahu HTML dan CSS serta mempunyai pemahaman asas tentang Liquid.

Anda hanya boleh mengedit kod tema anda selepas anda membelinya. Hal ini termasuk penggunaan penjana kod AI dalam penyunting tema. Jika anda menggunakan versi percubaan untuk tema berbayar, maka anda perlu membelinya sebelum anda boleh membuat perubahan kod.

Kembangkan perniagaan anda

Jika anda ingin menambah ciri atau kod tersuai tetapi tiada pengalaman membangunkan laman web dengan HTML, CSS dan JavaScript, maka pertimbangkan untuk mengupah Rakan Kongsi Shopify.

Awas

Untuk bersiap sedia bagi menyesuaikan tema anda, lengkapkan tugasan disyorkan yang berikut:

• Buat pendua tema anda untuk mencipta salinan sandaran. Hal ini memudahkan anda untuk menyingkirkan perubahan anda dan mula semula jika perlu.
• Pastikan anda memahami tahap sokongan yang tersedia.
• Ketahui tentang keperluan dan amalan terbaik bagi memuat naik imej.

Editor kod memaparkan direktori fail tema anda, dan ruang untuk memapar serta mengedit fail tersebut. Apabila anda mengklik fail dalam direktori, fail itu dibuka dalam editor kod. Anda boleh membuka dan mengedit berbilang fail pada masa yang sama. Anda juga boleh membuka dan menyemak berbilang fail pada masa yang sama.

Edit kod tema anda

Anda boleh menggunakan editor kod untuk mengubah suai fail tema anda.

Langkah-langkah:

Desktop

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

2. Klik > Edit kod.

Mudah alih

1. Daripada aplikasi Shopify, ketik ikon .

2. Dalam bahagian Saluran jualan, ketik Kedai dalam talian.

3. Ketik Urus tema.

4. Ketik > Edit kod.

Menyimpan perubahan

Apabila anda mengedit fail, titik dipaparkan bersebelahan nama tab untuk menunjukkan perubahan yang belum disimpan. Klik butang Simpan untuk menyimpan perubahan anda. Anda juga boleh memasukkan ⌘ + S pada Mac atau Ctrl + S pada Windows untuk menyimpan perubahan anda.

Memformat kod tema

Untuk membetulkan lekukan kod, buka Palet Arahan dengan ⌘ + Shift + P pada Mac atau Ctrl + Shift + P pada Windows format, dan kemudian pilih Format dokumen.

Langkah-langkah:

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

2. Klik > Edit kod.

3. Buka fail yang mahu anda formatkan.

4. Masukkan ⌘ + P pada Mac atau Ctrl + P pada Windows.

5. Dalam palet arahan, masukkan format, kemudian tekan Enter pada papan kekunci anda.

6. Simpan fail tersebut.

Menjejaki perubahan fail

Untuk memulihkan fail tema yang diubah suai kepada versi sebelumnya, gunakan paparan Garis masa untuk fail tersebut.

Paparan Garis masa memulihkan satu fail sedia ada pada satu-satu masa. Paparan ini tidak memulihkan keseluruhan tema dan tidak boleh memulihkan fail tema yang dipadamkan. Sejarah garis masa adalah terhad, jadi versi yang lebih lama mungkin tidak tersedia.

Tindakan pemulihan menggantikan keseluruhan kandungan fail, termasuk perubahan yang mungkin ingin anda kekalkan. Sebelum memulihkan fail, salin kandungan fail semasa ke tempat yang selamat jika anda mungkin mahu mengekalkan apa-apa perubahan.

Langkah-langkah:

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

2. Klik > Edit kod.

3. Buka fail sedia ada yang ingin anda semak atau pulihkan.

4. Pilihan: Jika anda mungkin mahu mengekalkan apa-apa perubahan semasa, salin kandungan fail semasa ke tempat yang selamat sebelum melakukan pemulihan.

5. Dalam paparan Garis masa, klik entri dalam garis masa untuk membandingkan perbezaan.

6. Untuk menggantikan keseluruhan kandungan fail dengan versi sebelumnya yang dipilih, klik kanan entri garis masa dan kemudian pilih Pulihkan kandungan.

7. Klik Pulihkan.

Theme Check

Editor kod merangkumi Theme Check, satu ciri yang membantu untuk mengelakkan ralat dengan memberikan maklum balas segera sewaktu kod sedang ditulis, berbanding mendapati ralat dalam tema langsung anda.

Dalam editor kod, Theme Check boleh mengenal pasti ralat berikut dalam kod yang diedit:

• Skrip sekatan penghurai, yang boleh memperlahan laman kedai
• Ketidakkonsistenan antara fail terjemahan, seperti ketiadaan kunci terjemahan atau terjemahan yang tidak sepadan dalam fail penempatan
• Ketiadaan templat

Ralat ditunjukkan oleh garis merah di bawah kod. Untuk melihat ralat, tuding tetikus anda pada garis yang diserlahkan.

Mencari dan menggantikan dalam editor kod

Anda boleh membuat carian dalam editor kod menerusi salah satu cara berikut:

• Cari kod bagi fail tertentu.
• Cari kod bagi semua fail dalam tema.

Anda juga boleh menggantikan kod dalam fail tertentu atau berbilang tika merentas semua fail tema. Anda juga boleh mencari fail mengikut nama untuk membuka fail.

Membuat carian dalam fail

Anda boleh mencari kod dalam fail tertentu, dan menggantikan kod tersebut. Gunakan kekunci anak panah untuk menyemak setiap tika kod tersebut.

Selepas anda mencari kod, anda boleh menggantikan kod dalam fail.

Langkah-langkah:

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

2. Klik > Edit kod.

3. Buka fail yang ingin anda cari.

4. Masukkan ⌘ + F pada Mac atau Ctrl + F pada Windows.

5. Dalam medan Carian, masukkan istilah carian anda.

6. Pilihan: Untuk menggantikan kod, lengkapkan tindakan berikut:

• Dalam modal carian, klik ikon .
• Dalam medan Ganti, masukkan kod gantian. Anda boleh klik Kekalkan kes untuk memadankan huruf besar kod gantian dengan tika sedia ada.
• Klik ikon Ganti untuk menggantikan tika satu per satu atau klik ikon Ganti semua untuk menggantikan semua tika pada satu-satu masa.

Membuat carian merentas semua fail

Klik butang carian pada bar sisi kiri untuk membuat carian merentas semua fail tema. Keputusan memaparkan setiap tika bagi istilah carian anda berserta fail yang mengandungi istilah tersebut.

Langkah-langkah:

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

2. Klik > Edit kod.

3. Klik ikon untuk membuka panel carian.

4. Dalam medan Carian, masukkan istilah carian anda.

5. Pilihan: Untuk menggantikan kod, lengkapkan tindakan berikut:

• Dalam modal carian, klik ikon .
• Dalam medan Ganti, masukkan kod gantian.
• Gantikan tika satu per satu atau semua tika pada satu-satu masa.

Pilihan carian lanjutan

Untuk mengecilkan keputusan carian anda, gunakan satu atau lebih pilihan carian yang berikut:

• Padankan kes mengembalikan istilah carian yang memadankan kes. Contohnya, jika anda memasukkan product, carian akan menyerlahkan sebarang tika "product" atau "Product". Jika anda memilih Padankan kes, carian menyerlahkan tika product sahaja.
• Padankan Keseluruhan Perkataan mengembalikan istilah carian yang memadankan perkataan yang tepat dan mengecualikan padanan separa. Contohnya, jika anda memasukkan cart, carian menyerlahkan tika "cart" tetapi bukan "carton".
• Gunakan Ungkapan Lazim mengembalikan keputusan carian yang memadankan ungkapan lazim (regex). Regex ialah rentetan aksara yang menentukan corak padanan dalam teks.

Awas

Penggunaan regex ialah teknik penyesuaian lanjutan. Anda boleh menggunakan alat pihak ketiga seperti regex101 atau RegExr untuk mendapatkan panduan tentang membina rentetan regex.

Dalam panel Carian, anda juga boleh memilih fail dan folder untuk disertakan atau dikecualikan daripada keputusan carian.

Klik untuk membuka menu lanjutan. Anda boleh memasukkan sebarang laluan fail atau folder dalam medan fail untuk disertakan atau fail untuk dikecualikan. Untuk menambah lebih daripada satu fail atau folder, pisahkannya menggunakan jarak dan koma. Contohnya, untuk mencari fail dalam folder sections, masukkan ./sections dalam medan fail untuk disertakan.

Anda juga boleh mencari dalam folder khusus daripada paparan direktori fail. Klik kanan pada folder dan kemudian pilih Cari dalam folder... daripada menu juntai bawah.

Mengurus fail tema

Anda boleh mengurus fail dalam kod tema anda. Anda boleh memadamkan fail, menambahkan fail baharu, menamakan semula fail dan memulihkan fail sedia ada yang diubah suai daripada paparan Garis masa fail tersebut apabila versi sebelumnya tersedia.

Membuka fail tema

Untuk membuka fail tema, klik pada folder dan kemudian klik pada nama fail daripada penjelajah. Anda juga boleh mencari fail mengikut nama atau sambungan fail dan kemudian buka fail tersebut.

Langkah-langkah:

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

2. Klik > Edit kod.

3. Masukkan ⌘ + P pada Mac atau Ctrl + P pada Windows.

4. Masukkan nama fail dalam bar carian dan pilih fail tersebut, atau pilih fail daripada senarai Baru dibuka.

Menambah fail tema baharu

Untuk menambah fail, pilih folder, klik ikon Fail baharu dan kemudian masukkan nama fail dan sambungan fail.

Nama fail boleh mengandungi aksara A-Z, 0-9 dan tidak boleh mengandungi jarak aksara. Pisahkan perkataan dengan sengkang atau garis bawah. Sambungan fail ditakrifkan oleh titik . dan jenis sambungan. Contohnya, .liquid atau .css.

Langkah-langkah:

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

2. Klik > Edit kod.

3. Klik folder yang anda mahu tambahkan fail baharu.

4. Klik kanan nama folder dan pilih Fail baharu... daripada menu juntai bawah.

5. Masukkan nama baharu untuk fail tersebut.

6. Tekan Enter pada papan kekunci anda.

Memuat naik aset baharu

Anda boleh memuat naik aset baharu, seperti ikon atau fail imej, pada folder assets bagi penyunting kod.

Langkah-langkah:

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

2. Klik > Edit kod.

3. Klik kanan pada folder assets.

4. Klik Muat naik....

5. Pilih fail yang ingin anda muat naik.

6. Klik Buka.

Menamakan semula fail tema

Anda boleh klik kanan pada fail untuk menamakannya semula. Pastikan anda tidak mengedit atau mengalih keluar sambungan fail. Sambungan fail ditakrifkan oleh titik . dan jenis sambungan. Contohnya, .liquid atau .css. Nama fail boleh mengandungi aksara A-Z, 0-9 dan tidak boleh mengandungi jarak aksara. Pisahkan perkataan dengan sengkang atau garis bawah. Jika nama fail tidak sah, nama fail baharu tidak akan disimpan.

Langkah-langkah:

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

2. Klik > Edit kod.

3. Klik kanan pada fail dan pilih Nama semula... daripada menu juntai bawah.

4. Masukkan nama baharu untuk fail tersebut.

5. Tekan Enter pada papan kekunci anda.

Memadamkan fail tema

Awas

Tindakan memadamkan fail tema mungkin merosakkan tema anda. Sebelum anda memadamkan sebarang fail, pastikan anda membuat pendua tema anda.

Anda boleh memadamkan sebarang fail dalam tema anda. Fail tema yang telah dipadam tidak dapat dipulihkan.

Langkah-langkah:

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

2. Klik > Edit kod.

3. Klik kanan pada fail dan pilih Padam secara kekal daripada menu juntai bawah.

4. Klik Padam.