Mengedit kod tema
Anda boleh mengedit kod tema anda untuk membuat perubahan terperinci pada kedai dalam talian anda. Kebanyakan fail yang membentuk tema mengandungi bahasa templat Shopify iaitu Liquid. Fail tema juga mengandungi HTML, CSS dan JavaScript. Edit kod untuk tema hanya jika anda tahu HTML dan CSS, dan mempunyai pemahaman asas tentang Liquid.
Sebelum anda menyesuaikan tema anda
Sebelum anda menyesuaikan tema anda, bagus untuk melakukan tugasan yang berikut:
- Cipta pendua tema anda untuk mencipta salinan sandaran. Ini memudahkan anda membuang perubahan anda dan mulakan semula jika anda perlu.
- Pastikan bahawa anda memahami apa tahap sokongan yang tersedia.
- Ketahui tentang keperluan dan amalan terbaik untuk memuat naik imej.
Edit kod tema anda
Anda boleh mengedit kod untuk tema anda.
Langkah-langkah:
- Daripada pentadbir Shopify anda, pergi ke Kedai Dalam Talian > Tema.
- Daripada aplikasi Shopify, klik*Stor*.
- Dalam bahagian Saluran jualan, ketik Kedai Dalam Talian.
- Ketik Uruskan tema.
- Daripada aplikasi Shopify, klik*Stor*.
- Dalam bahagian Saluran jualan, ketik Kedai Dalam Talian.
- Ketik Uruskan tema.
- Klik Tindakan > Edit kod.
Editor kod menunjukkan direktori fail tema di sebelah kiri, dan ruang untuk melihat dan mengedit fail di sebelah kanan:
Anda boleh mengembangkan editor kod untuk mengisi skrin dengan mengklik ikon pengembangan:
Anda boleh mengembalikan halaman kepada normal dengan mengklik ikon runtuh:
Apabila anda mengklik fail dalam direktori di sebelah kiri, ia dibuka dalam editor kod. Anda boleh membuka dan mengedit beberapa fail sekaligus. Sebarang fail yang anda ubah suai akan menunjukkan titik berwarna ungu di sebelah nama fail:
Ini dapat membantu anda untuk menjejak tempat anda membuat perubahan.
Sekiranya anda ingin mengembalikan kepada asal sebarang perubahan pada fail selepas anda klik Simpan, buka fail itu dan klik Versi lama. Menu juntai bawah menunjukkan tarikh dan masa untuk setiap simpanan yang telah anda buat. Pilih versi yang anda ingin kembali kepadanya, dan klik Simpan.
Semasa editor kod dikembangkan ke skrin penuh, anda boleh menukar skema warna editor antara Terang dan Gelap dengan mengklik butang di bahagian bawah halaman:
Untuk mengetahui tentang manfaat menggunakan editor gelap, lihat Power of the Dark Side: Dark User Interfaces di Blog Rakan Kongsi Shopify.
Tutorial penyesuaian kod tema
Anda boleh mengikuti tutorial penyesuaian kod tema untuk membimbing anda membuat perubahan pada kedai dalam talian anda. Tutorial ini disusun berdasarkan jenis halaman atau ciri yang diubah suai ia.
Dapatkan bantuan dengan penyesuaian
Jika anda memerlukan bantuan untuk membuat perubahan pada tema anda, maka anda boleh menghubungi pembangun tema anda untuk sokongan.
Untuk melihat sumber lain yang tersedia untuk membantu anda dengan penyesuaian tema, lihat Sumber tambahan untuk sokongan tema.