Shopify merupakan platform toko online (e-commerce) yang fleksibel dan mudah digunakan. Salah satu kelebihannya adalah memiliki kemampuan untuk menyesuaikan tema menggunakan Liquid, bahasa pemrograman milik Shopify.
Perlu diketahui bahwa pada setiap section shopify tidak memiliki field khusus untuk penamaan class ataupun id. Field class ataupun id sangatlah penting untuk pengembang shopify yang ingin menambah fitur dan penambahan kode CSS.
Shopify secara otomatis membuat id unik atau berbeda setiap section, namun sayangnya id yang dihasilkan memiliki nilai atau value yang cukup panjang. Selain membuat field kustom untuk penambahan class ataupun id, juga dapat menggunakan nama dari template halaman tersebut.
Cara Menampilkan Nama Template Shopify dengan Liquid
Berikut ini cara menampilkan nama template Shopify dengan Liquid:
1.Login dan akses dashboard Shopify
- Buka dashboard Shopify Anda.
- Klik menu “Online Store” dan pilih “Themes”.
- Klik tombol “Edit Code” pada tema yang sedang aktif.
2. Temukan File yang Ingin di Tambahkan
- Cari file theme.liquid atau template.liquid di bagian tata letak. Jika ingin menampilkan kode di section, silahkan cari file section yang diinginkan.
- Tambahkan kode ini, bisa meletakkannya pada tag ID atau Class.
{{ template }}
atau dapat menggunakan kode ini:
{{ template | replace: '.', '_' | handelize }}
3. Simpan File dan Lihat Perubahan
Simpan file yang sudah Anda tambahkan kode diatas, lalu cek perubahan yang terjadi.
Tips Mengoptimalkan Penggunaan Liquid
1. Pelajari Dokumentasi Liquid
Dokumentasi resmi Shopify memberikan banyak contoh kode dan panduan.
2. Gunakan Fitur Debugging
Liquid memiliki fitur debugging untuk memeriksa error pada kode Anda.
3. Tes di Staging atau Localhost
Sebelum menerapkan perubahan di tema live, tes di lingkungan staging atau localhost untuk menghindari masalah. Apa itu localhost? Localhost adalah sebuah istilah yang digunakan untuk sebutan komputer Anda dimana digunakan sebagai virtual server.
Kesimpulan
Menampilkan nama template Shopify dengan Liquid sangatlah mudah. Dengan mengikuti langkah-langkah di atas, Anda dapat dengan cepat menyesuaikan tampilan tema Anda. Jangan lupa untuk selalu menyimpan perubahan dan memeriksa hasilnya.
Semoga artikel ini membantu meningkatkan pengalaman Anda dengan Shopify!
