Membuat blok tema secara otomatis di editor tema

Melalui Shopify Magic, Anda dapat menggunakan kecerdasan buatan (AI) untuk membuat blok tema baru di editor tema berdasarkan detail yang Anda berikan.

Pertimbangan untuk membuat blok tema

Tinjau pertimbangan berikut untuk membuat blok tema:

• Kode yang dibuat AI mungkin tidak selalu sempurna. Kode tersebut terkadang dapat menghasilkan eror, hasil yang tidak terduga, atau kode yang tidak sepenuhnya memenuhi praktik terbaik aksesibilitas atau performa. Anda bertanggung jawab untuk meninjau, menguji, dan memastikan blok yang dibuat memenuhi standar Anda dan berfungsi dengan benar.
• Pratinjau tampilan blok di tampilan desktop dan seluler dalam pratinjau editor tema.
• Jika blok Anda menyertakan pengaturan kustomisasi, ujilah setelah menambahkan blok untuk memastikan pengaturan berfungsi seperti yang diharapkan.
• Setelah Anda membuat blok tema, file liquid baru untuk blok tersebut akan ditambahkan ke blocks folder dalam kode tema Anda.
  • Blok tema terdiri dari Liquid, bahasa templating Shopify. File blok tema juga berisi HTML, CSS, JSON, dan JavaScript. Setelah Anda membuat blok tema, file liquid baru untuk blok tersebut akan ditambahkan ke blocks folder dalam kode tema Anda.

    

  • Jika Anda ingin mengedit blok tema yang dibuat dengan mengedit kodenya, Anda dapat mengedit kode tema Anda. Edit kode tema hanya jika Anda memahami HTML dan CSS, serta memiliki pemahaman dasar tentang Liquid.
  • File liquid yang dibuat oleh Shopify Magic bersifat mandiri. Anda tetap dapat memperbarui tema saat versi baru dipublikasikan ke toko tema.

Persyaratan kelayakan untuk membuat blok tema

Tinjau persyaratan berikut untuk membuat blok tema.

Persyaratan paket harga

Toko Anda harus menggunakan salah satu paket harga berikut:

• Uji coba gratis
• Basic
• Growth
• Advanced
• Plus

Fitur ini tidak tersedia di paket Starter, yang menggunakan tema Spotlight dan tidak mendukung penambahan bagian atau blok tema kustom.

Kompatibilitas tema

Fitur pembuatan blok tema tersedia untuk semua tema di Shopify Theme Store. Jika Anda menggunakan tema pihak ketiga yang kompatibel, Anda harus membeli tema tersebut sebelum dapat membuat blok tema, karena versi uji coba gratis tidak mendukung fitur ini.

Fitur ini tidak tersedia pada tema vintage. Pelajari selengkapnya tentang fitur untuk versi arsitektur tema yang berbeda.

Persyaratan izin pengguna

Pengguna berikut dapat membuat blok di tema:

• Pemilik toko dan pemilik organisasi.
• Pengguna dengan peran Administrator atau Administrator organisasi.
• Pengguna dengan Peran toko dengan izin Edit Kode.

Kiat menulis perintah blok tema yang efektif

Kualitas blok yang dihasilkan sering kali bergantung pada kualitas perintah Anda. Ikuti praktik terbaik berikut:

• Spesifik dan deskriptif: Perintah harus terdiri dari minimal lima kata. Perintah yang lebih panjang dan lebih mendetail cenderung memberikan hasil yang lebih akurat. Misalnya, alih-alih memasukkan tambahkan gambar dan teks, masukkan Buat blok dengan gambar di sebelah kiri, serta judul, teks paragraf, dan tombol 'Belanja Sekarang' di sebelah kanan. Tumpuk di seluler.
• Sebutkan elemen konten: Cantumkan jenis konten yang diperlukan untuk blok, seperti judul, paragraf, gambar, tombol, formulir, dan ikon.
• Sarankan tata letak: Jelaskan susunan elemen di dalam blok, seperti berdampingan, kisi, di tengah, atau baris selang-seling.
• Sertakan pengaturan kustomisasi: Jika Anda ingin blok memiliki pengaturan spesifik yang dapat diedit di editor tema, seperti opsi untuk mengubah gambar, teks, atau tautan tombol, sertakan semuanya di dalam perintah Anda. Misalnya, untuk menyertakan pengaturan untuk mengontrol kecepatan animasi dalam blok yang berisi video, masukkan Sertakan pengaturan untuk mengontrol kecepatan animasi.
• Ulangi dengan instruksi lanjutan: Jika hasil pertama kurang tepat, sesuaikan perintah Anda dengan lebih banyak detail atau susunan kata yang berbeda, lalu buat lagi.

Tinjau contoh perintah berikut yang mengikuti praktik terbaik:

• Blok testimoni dengan foto pelanggan, teks kutipan, nama pelanggan, dan tampilan peringkat 5 bintang.
• Blok fitur berdampingan: sisi kiri memiliki ikon dan judul, sisi kanan memiliki teks deskriptif.
• Banner lebar penuh dengan gambar latar belakang, teks judul besar di tengah, teks subjudul yang lebih kecil di bawahnya, dan tombol ajakan bertindak.

Buat blok tema

Setelah Anda membuat blok dan memutuskan untuk menyimpannya, blok baru akan ditambahkan ke pemilih blok. Anda dapat menambahkan blok ke bagian kompatibel yang menerima blok tema.

Langkah-langkah:

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

2. Cari tema yang ingin Anda edit, lalu klik Edit tema.

3. Sesuaikan beranda Anda, atau ketuk menu tarik-turun Beranda, lalu pilih templat tempat Anda ingin menambahkan bagian.

4. Klik bagian tempat Anda ingin membuat blok.

5. Klik Tambahkan blok.

6. Klik Buat.

7. Masukkan deskripsi blok yang ingin Anda buat.

8. Klik Buat. Shopify Magic akan memproses permintaan Anda dan membuat kodenya.

9. Pratinjau blok yang dibuat secara langsung di editor tema. Jika pengaturan kustomisasi dibuat, Anda dapat menyesuaikan blok Anda.

10. Jika Anda puas dengan blok yang dihasilkan, klik Pertahankan. Jika tidak, Anda dapat membuang blok tersebut atau memberikan instruksi lanjutan.

Menghapus blok tema yang dihasilkan dari tema Anda

Setelah Anda menghasilkan blok tema, file liquid baru untuk blok tersebut akan ditambahkan ke folder blocks dalam kode tema Anda. Jika blok tema yang dihasilkan menyebabkan masalah di toko Anda, Anda dapat menghapusnya dengan menghapus file liquid dari kode tema Anda.

Langkah-langkah:

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

2. Di samping tema yang ingin Anda edit, klik Edit tema.

3. Sesuaikan beranda Anda, atau ketuk menu tarik-turun Beranda, lalu pilih templat tempat Anda ingin menambahkan bagian.

4. Klik bagian yang berisi blok yang ingin Anda hapus. Jika sebelumnya Anda telah menghapus semua instans blok tersebut, klik Tambahkan blok untuk menambahkannya kembali dari pemilih blok.

5. Di pengaturan blok, klik > Edit kode.

6. Di menu sidebar, klik folder blocks untuk memperluasnya, lalu temukan file blok yang sedang Anda lihat. Nama file akan cocok dengan nama blok yang sedang terbuka, dan diakhiri dengan .liquid.

   

7. Di menu sidebar, klik ikon di samping file blok.

8. Di dialog, klik Hapus file untuk mengonfirmasi.