Ikhtisar fitur editor tema

Anda dapat menggunakan editor tema untuk menyesuaikan area tema, seperti warna, dan mengelola konten tema dengan bagian dan blok.

Mengakses editor tema

Anda dapat mengakses editor tema dari admin Shopify.

1. Dari admin Shopify, buka Toko Online > Tema.

2. Di samping tema yang ingin diedit, klik Edit tema.

Bagian tata letak editor tema

Editor tema memiliki bagian-bagian berikut:

• Bilah menu berisi tombol navigasi di sebelah kiri untuk beralih antara bagian, pengaturan tema, dan sematan aplikasi; nama tema, pasar, dan menu templat di tengah; serta kontrol kustomisasi di sebelah kanan.
• Bilah sisi menampilkan tampilan pohon dari semua konten untuk templat yang sedang Anda lihat. Anda dapat mengelola bagian dan blok, sematan aplikasi, serta pengaturan dari bilah sisi. Bilah sisi ini dapat disembunyikan.
• Jendela pratinjau menampilkan tema Anda, dan diperbarui secara otomatis saat Anda membuat perubahan. Anda dapat mengaktifkan pratinjau seluler atau menggunakan inspektur pratinjau untuk mengelola konten untuk templat tema di jendela pratinjau.

Bilah menu

Bilah menu menampilkan navigasi, informasi tema, dan kontrol untuk menyesuaikan tema Anda.

Navigasi bilah sisi

Di sisi kiri bilah menu, Anda dapat mengalihkan antara tampilan berikut di bilah sisi:

• untuk mengelola bagian dan blok pada templat Anda saat ini.
• untuk mengelola pengaturan global tema Anda, seperti warna, tipografi, dan tata letak.
• untuk mengelola aplikasi yang tertanam dalam tema Anda.

Untuk menyembunyikan bilah sisi dan mendapatkan pratinjau selebar penuh dari tema Anda, klik kembali tombol yang aktif untuk membatalkan pilihannya. Jika kedua panel terlihat, mengeklik tombol yang aktif akan menyembunyikan keduanya secara bersamaan.

Detail tema, pasar, dan menu templat

Di tengah bilah menu, Anda dapat menemukan hal berikut:

• ​ Nama tema beserta statusnya. Tema yang diterbitkan akan menampilkan label status Aktif . Tema yang belum diterbitkan menampilkan label status Draf . Klik nama tema untuk mengakses opsi berikut:
  • Gunakan Edit kode untuk membuka editor kode.
  • Gunakan Edit konten tema default untuk mengedit teks default di tema Anda.
  • Gunakan untuk membuka pratinjau tema Anda.
  • Gunakan Lihat dokumentasi untuk membuka dokumentasi tema Anda.
  • Gunakan untuk meninjau semua pintasan keyboard yang tersedia untuk editor tema.
  • Gunakan Dapatkan dukungan untuk mendapatkan dukungan.
• Menu pasar, untuk mempratinjau dan menyesuaikan tema Anda untuk pasar yang berbeda.
• Menu templat, untuk menavigasi di antara templat halaman yang berbeda dalam tema Anda.

Pintasan kustomisasi

Anda dapat menggunakan kontrol berikut di bilah menu untuk menyesuaikan tema dan mengelola perubahan Anda:

• Aktifkan atau nonaktifkan Sidekick untuk membantu Anda melakukan kustomisasi tema.
• Aktifkan atau nonaktifkan pemeriksa pratinjau.
• Alihkan tombol pratinjau untuk melihat pratinjau tema Anda di layar seluler.
• Kelola sesi kustomisasi Anda saat ini dengan kontrol urungkan dan ulangi.
• Gunakan tombol Simpan untuk menyimpan perubahan Anda.

Jika tidak ada kustomisasi yang belum disimpan untuk diulangi atau diurungkan, tombol yang sesuai akan nonaktif.

Bilah sisi

Bilah sisi menampilkan tampilan pohon dari semua konten untuk templat yang sedang Anda lihat. Anda dapat mengelola bagian dan blok, dan pengaturan tema dari bilah sisi. Anda dapat menyembunyikan bilah sisi dengan mengeklik kembali tombol navigasi aktif pada bilah menu untuk mengalihkannya ke nonaktif.

Tema Anda mungkin memiliki pengaturan bersyarat yang ditampilkan di bilah sisi bergantung pada pengaturan lain mana yang aktif. Contohnya, jika tema Anda memiliki blok berisi pengaturan untuk menambahkan video atau gambar, pemilih gambar atau tautan video mungkin merupakan pengaturan bersyarat yang hanya ditampilkan setelah Anda memilih Gambar sebagai jenis media.

Mode sidebar

Editor tema memiliki dua mode untuk memanfaatkan semua ruang di layar Anda.

Mode bilah sisi ganda diperuntukkan bagi jendela browser yang lebih lebar dan layar yang lebih besar, sedangkan mode bilah sisi tunggal untuk jendela browser yang lebih sempit dan layar yang lebih kecil. Mode bilah sisi menentukan letak panel pengaturan yang akan ditampilkan pada editor.

Mode sidebar ganda

Jika lebar jendela browser minimal 1600 piksel, akan ada dua panel. Panel kiri berisi struktur halaman dengan bagian dan blok Anda, sedangkan panel kanan berisi pengaturan untuk bagian atau blok yang dipilih. Anda dapat menyembunyikan panel kanan dengan membatalkan pilihan pada bagian.

Untuk melihat editor tema dalam mode bilah sisi tunggal pada layar besar, buat jendela browser menjadi lebih sempit hingga editor beralih ke tata letak bertumpuk.

Mode sidebar tunggal

Pada layar yang lebih sempit, editor menggunakan tata letak bertumpuk. Saat Anda mengeklik suatu bagian atau blok, panel pengaturan akan bergeser ke atas dari bagian bawah layar dan bukannya menutupi struktur halaman Anda. Anda dapat menarik pemisah guna menyesuaikan pembagian antara struktur halaman dan pengaturan agar keduanya tetap terlihat setiap saat.

Melihat pratinjau tema Anda

Anda dapat melihat pratinjau tata letak seluler tema Anda dengan mengeklik tombol di bilah menu. Untuk kembali ke pratinjau desktop, klik kembali tombol seluler tersebut.

Untuk mempratinjau tema Anda pada lebar penuh, klik tombol navigasi bilah sisi yang aktif untuk menyembunyikan bilah sisi. Jika kedua panel terlihat, hal ini akan menyembunyikan keduanya secara bersamaan sehingga memberi Anda pratinjau selebar penuh untuk etalase toko online Anda.

Mengurungkan dan mengulangi perubahan yang belum disimpan

Anda dapat menggunakan tombol dan untuk mengurungkan atau mengulangi kustomisasi yang belum disimpan. Setelah Anda menyimpan perubahan, Anda tidak dapat lagi mengulangi atau mengurungkan.

Menggunakan pintasan keyboard di editor tema

Anda dapat menggunakan pintasan keyboard untuk menavigasi dan melakukan tindakan di editor tema.