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:

  1. Klik Tindakan > Edit kod.

Editor kod menunjukkan direktori fail tema di sebelah kiri, dan ruang untuk melihat dan mengedit fail di sebelah kanan:

Halaman editor kod

Anda boleh mengembangkan editor kod untuk mengisi skrin dengan mengklik ikon pengembangan:

Ikon pengembangan

Anda boleh mengembalikan halaman kepada normal dengan mengklik ikon runtuh:

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:

Direktori fail tema yang menunjukkan titik ungu di sebelah fail yang telah diubah suai

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.

Menu juntai bawah versi Lama

Semasa editor kod dikembangkan ke skrin penuh, anda boleh menukar skema warna editor antara Terang dan Gelap dengan mengklik butang di bahagian bawah halaman:

Editor kod yang ditunjukkan dengan skema Warna gelap

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.

Sedia untuk mula menjual dengan Shopify?

Cuba secara percuma