Membuat dan menghubungkan metaobjek

Dalam tutorial ini, Anda akan mempelajari cara membuat metaobjek kustom untuk sorotan produk dan menampilkannya di toko online Anda. Metaobjek sorotan produk akan menampilkan gambar, nama produk, keterangan, dan deskripsi.

Tutorial ini memperkenalkan definisi metaobjek, pembuatan entri, pengaturan referensi metafield, penghubungan produk ke entri, dan terakhir, penerbitan metaobjek di toko online Anda.

Apa yang akan Anda pelajari

Setelah menyelesaikan tutorial ini, Anda akan menyelesaikan tugas-tugas berikut:

• Membuat metaobjek untuk sorotan produk
• Membuat beberapa entri untuk sorotan produk menggunakan metaobjek yang telah Anda buat
• Membuat definisi metafield yang mereferensikan metaobjek
• Menghubungkan entri Anda ke produk tertentu
• Menerbitkan entri metaobjek Anda

Langkah satu: Membuat metaobjek

1. Dari admin Shopify Anda, buka Pengaturan > Metafield dan metaobjek.

2. Di Definisi metaobjek, klik Tambahkan definisi.

3. Beri nama definisi metaobjek Anda Product highlights.

4. Klik Tambahkan bidang dan pilih jenis konten yang ingin Anda tampilkan di metaobjek ini. Bidang menentukan konten yang ditampilkan dalam metaobjek Anda, dan setiap bidang memiliki serangkaian opsi dan validasinya sendiri. Untuk menambahkan bidang pertama, pilih File.

5. Konfigurasikan jenis dan validasi. Beri nama bidang Image, lalu masukkan deskripsi singkat.

6. Di bawah Akses, Etalase dipilih secara otomatis. Biarkan opsi ini tetap dipilih karena akan memungkinkan konten diakses dan ditampilkan oleh toko Anda.

7. Tambahkan bidang gambar ke metaobjek Anda. Pilih Tambahkan bidang > File.

• Beri nama bidang ini Image.
• Hapus centang Video untuk membatasi metaobjek ini agar hanya menampilkan gambar.
• Masukkan deskripsi.
• Klik Tambahkan setelah selesai.

8. Tambahkan bidang judul ke metaobjek Anda. Kali ini, pilih Tambahkan bidang > Teks baris tunggal sebagai jenis bidang. Lakukan hal berikut:

• Beri nama bidang ini Heading.
• Centang Gunakan bidang ini sebagai nama tampilan untuk menggunakan bidang ini sebagai nama entri di indeks.
• Masukkan deskripsi.
• Klik Tambahkan setelah selesai.

9. Tambahkan bidang keterangan ke metaobjek Anda. Klik Tambahkan bidang > Teks baris tunggal. Lakukan hal berikut:

• Beri nama bidang ini Caption.
• Masukkan deskripsi.
• Klik Tambahkan setelah selesai.

10. Tambahkan bidang deskripsi ke metaobjek Anda. Klik Tambahkan bidang > Teks beberapa baris. Lakukan hal berikut:

• Beri nama bidang ini Description.
• Masukkan deskripsi.
• Klik Tambahkan setelah selesai.

11. Simpan definisi metaobjek baru Anda.

Setelah definisi metaobjek Anda disimpan, Anda dapat mulai membuat entri.

Langkah dua: Membuat entri

1. Dari admin Shopify Anda, klik Konten.
2. Klik definisi metaobjek Product highlights untuk mendasari entri baru, lalu klik Tambahkan entri.
3. Lengkapi bidang untuk entri Anda:
   • Klik Pilih gambar dan pilih atau unggah gambar untuk sorotan produk ini.
   • Tambahkan Judul dan Deskripsi.
4. Status secara otomatis diatur ke Aktif. Jika Anda belum siap menggunakan entri, Anda dapat mengubah statusnya menjadi Draf.
5. Klik Simpan.

Entri Anda memiliki Handle yang dibuat secara otomatis, yang merupakan pengidentifikasi unik khusus untuk satu entri konten. Setelah Anda mulai menghubungkan entri ke berbagai area toko, mengedit handle tidak disarankan. Pelajari selengkapnya tentang dampak mengubah handle entri setelah Anda menggunakannya di toko.

Ulangi langkah-langkah di atas untuk membuat tiga entri lagi berdasarkan definisi metaobjek sorotan produk.

Setelah definisi metaobjek dan entri Anda disimpan, Anda dapat membuat definisi metafield yang mereferensikan metaobjek.

Langkah tiga: Membuat definisi metafield yang mereferensikan metaobjek

1. Dari admin Shopify Anda, buka Pengaturan > Metafield dan metaobjek.

2. Di bagian Metafield, klik Produk.

3. Klik Tambahkan definisi. Masukkan nama dan deskripsi unik, lalu klik Pilih jenis konten.

4. Klik Pilih jenis, lalu Metaobjek.

5. Di bagian Referensi, pilih definisi metaobjek yang ingin Anda referensikan. Pilih Product highlights. Ini membatasi definisi produk metafield agar hanya menampilkan entri yang terkait dengan metaobjek sorotan produk.

6. Tentukan apakah definisi ini dapat menampilkan satu entri atau daftar entri. Untuk contoh ini, pilih opsi Daftar entri.

7. Di bagian Akses, opsi Etalase Toko dipilih secara default.

8. Klik Simpan.

Langkah empat: Hubungkan produk Anda ke entri

1. Dari admin Shopify Anda, buka Produk.

2. Pilih produk yang ingin Anda tampilkan sorotan produknya.

3. Dalam contoh ini, kita akan menampilkan sebagian, tetapi tidak semua, entri sorotan produk yang telah dibuat. Di bagian Metafield produk, klik kolom entri di sebelah metafield Sorotan produk Anda. Jika sorotan produk tidak ada dalam daftar metafield, klik Tampilkan semua.

4. Klik Pilih entri. Pada langkah ini, Anda memilih entri yang ingin ditampilkan pada produk ini. Pilih dua sorotan produk Anda.

5. Kembali ke halaman produk Anda. Pilih produk lain, dan ikuti langkah sebelumnya untuk menetapkan dua entri sorotan produk yang berbeda ke produk tersebut.

Selanjutnya, Anda akan menerbitkan metaobjek di toko online Anda.

Langkah lima: Menerbitkan entri Anda ke toko online

Setelah menghubungkan entri ke produk, sekarang saatnya menampilkan entri di toko Anda. Langkah ini menggunakan editor tema untuk memilih blok dan bagian tempat entri metaobjek Anda akan ditautkan.

Setelah Anda menambahkan bagian atau blok, Anda dapat memilih metafield dengan mengeklik tombol .

Langkah-langkah:

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

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

3. Gunakan menu tarik-turun di bagian atas layar untuk memilih Produk > Produk default. Tindakan ini akan memuat templat produk default di editor tema.

4. Klik Tambah bagian di sidebar dan pilih Beberapa baris sebagai jenis bagian baru.

5. Klik baris pertama di bagian Beberapa baris.

   • Pengaturan untuk blok pertama akan ditampilkan di sidebar kanan. Di blok kolom, Anda dapat memilih gambar, menyisipkan judul, menambahkan keterangan, dan menambahkan deskripsi secara manual. Anda juga dapat mengeklik setiap ikon sumber data, dan menautkan pengaturan blok ke entri yang diinginkan.

6. Klik Hubungkan sumber dinamis di sebelah nama blok untuk memilih Sorotan produk. Editor tema Anda akan mengisi blok beberapa baris yang baru dengan entri sorotan produk Anda.

7. Konfigurasikan blok yang tersisa di bagian Beberapa baris, atau hapus blok yang tidak digunakan.

8. Klik Simpan untuk menerbitkan entri sorotan produk Anda.

Entri Anda hanya ditampilkan pada produk yang terhubung dengannya. Jika suatu produk tidak memiliki entri yang ditetapkan, bagian tersebut akan dibiarkan kosong dengan menyisakan spasi kosong, dan tidak dihapus seluruhnya. Perilaku yang sebenarnya mungkin bervariasi bergantung pada tema dan bagian yang Anda gunakan, jadi uji templat Anda untuk mengonfirmasi bahwa templat tersebut memenuhi kebutuhan Anda.

Jika bagian tersebut tidak ditampilkan sesuai keinginan Anda saat tidak ada entri untuk produk, pertimbangkan untuk membuat templat produk baru dan menetapkan templat tersebut ke produk yang memiliki entri.