Templat

Templat adalah grup bagian yang dikonfigurasi untuk memberikan desain dan nuansa yang konsisten pada toko online Anda. Bagian yang tersedia di templat Anda bergantung pada tema Anda. Di editor tema, Anda dapat menemukan templat mana yang diterapkan ke halaman mana, lalu mengedit templat untuk menyesuaikan informasi yang Anda tampilkan kepada pelanggan.

Tema Anda berisi templat untuk berbagai jenis konten. Jenis templat ini berisi bagian dan blok yang mengambil konten secara dinamis dari area terkait di admin Shopify Anda. Misalnya, templat halaman produk tema Anda membuat halaman untuk setiap produk yang dipublikasikan ke toko online Anda di bagian Produk pada admin Shopify.

Saat Anda mengedit templat, perubahan Anda akan diterapkan ke setiap halaman yang menggunakan templat tersebut. Misalnya, jika Anda menambahkan formulir pendaftaran buletin ke templat koleksi, semua halaman koleksi Anda yang menggunakan templat koleksi default akan menampilkan formulir pendaftaran buletin.

Anda dapat mengakses semua templat tema dari pemilih halaman di bilah menu editor tema.

Pilih templat dari bilah menu

Templat default

Setiap templat default memiliki bagian dan pengaturan defaultnya sendiri yang dapat Anda edit dan sesuaikan di editor tema. Misalnya, halaman produk memiliki bagian Informasi produk dan bagian Produk terkait secara default. Pengaturan kustomisasi spesifik untuk setiap tema bergantung pada developer dan versi tema Anda. Pelajari selengkapnya tentang cara menemukan versi tema Anda.

Templat tersedia di tema Anda secara default.

Produk

Halaman produk tema Anda menampilkan informasi tentang produk yang Anda jual di toko, serta tempat pelanggan dapat membeli produk tersebut.

Secara default, halaman produk memiliki bagian Informasi produk dan bagian Produk terkait di editor tema.

Bagian Informasi produk menampilkan detail produk Anda, seperti judul, deskripsi, harga, dan gambar. Anda dapat mengelola produk dari halaman Produk di admin Shopify Anda.

Koleksi

Halaman koleksi tema Anda menampilkan koleksi yang Anda buat di halaman Produk > Koleksi di admin Shopify Anda. Produk tertentu dikelompokkan ke dalam kategori. Anda dapat memiliki koleksi pintar dan koleksi manual.

Secara default, halaman koleksi memiliki bagian Banner koleksi dan bagian Kisi produk di editor tema.

Daftar koleksi

Halaman daftar koleksi menampilkan semua koleksi Anda yang tersedia di saluran penjualan Toko Online. Misalnya, jika Anda memiliki toko perhiasan, Anda dapat menambahkan tautan ke halaman daftar koleksi di menu agar pelanggan dapat menelusuri berdasarkan jenis perhiasan, seperti cincin atau kalung. Anda perlu membuat koleksi untuk setiap kategori.

Kartu hadiah

Saat Anda membuat kartu hadiah, atau saat pelanggan memesan produk kartu hadiah, detail kartu hadiah tersebut akan disertakan di halaman kartu hadiah, seperti nilai atau saldo kartu hadiah dan kode penukaran.

Halaman kartu hadiah adalah bagian dari tema Anda. Anda dapat menyesuaikan tema untuk menambah atau mengubah gaya dan informasi yang disertakan di halaman kartu hadiah.

Nilai kartu hadiah dan kode penukaran kartu hadiah tidak dapat disesuaikan.

Halaman

Anda dapat membuat halaman kustom di admin Shopify untuk membuat konten bagi pelanggan, seperti halaman Tentang Kami, atau untuk informasi tambahan tentang produk Anda.

Halaman keranjang

Halaman keranjang di toko online Anda adalah tempat pelanggan dapat meninjau item yang telah mereka tambahkan ke keranjang.

Secara default, halaman keranjang memiliki bagian Item dan bagian Subtotal di editor tema.

Blog

Halaman blog di toko online Anda adalah beranda untuk setiap blog yang Anda buat di admin Shopify dan berisi semua postingan blog yang dipublikasikan di blog tersebut.

Secara default, halaman blog berisi bagian Postingan blog di editor tema.

Postingan blog

Halaman postingan blog di toko online Anda menampilkan konten postingan blog yang Anda buat di halaman Konten > Postingan blog di admin Shopify Anda. Secara default, halaman postingan blog berisi bagian Postingan blog di editor tema.

Halaman pencarian

Halaman pencarian adalah tempat pelanggan dapat mencari dan menemukan produk, halaman, atau postingan blog tertentu di dalam toko online Anda.

Secara default, halaman pencarian berisi bagian Hasil pencarian di editor tema.

Selain pengaturan bagian Hasil pencarian, Anda juga dapat melihat dan menyesuaikan beberapa Pengaturan Tema untuk perilaku pencarian, dan Anda dapat menambahkan CSS Kustom khusus bagian Anda sendiri.

Halaman kata sandi

Anda dapat mengatur agar toko Anda dilindungi kata sandi di halaman Toko Online > Preferensi di admin Shopify. Jika toko Anda dilindungi kata sandi, halaman kata sandi akan ditampilkan kepada pengunjung toko online Anda. Templat halaman kata sandi memiliki header dan footer yang unik. Anda dapat menyesuaikan templat halaman kata sandi dari editor tema.

Halaman 404

Halaman 404 ditampilkan saat pelanggan mencoba mengunjungi tautan ke situs Anda yang tidak ada, seperti halaman produk untuk produk yang telah Anda hapus dari toko.

Halaman ini tidak memiliki pengaturan yang dapat disesuaikan, tetapi Anda dapat menambahkan CSS Kustom khusus bagian Anda sendiri ke halaman 404 di editor tema.

Mengedit templat Anda

Anda dapat mengedit templat untuk menambahkan bagian ke toko online Anda. Beberapa bagian berisi blok yang dapat disesuaikan lebih lanjut, tetapi tidak semua bagian atau blok memiliki pengaturan atau konten yang dapat diedit. Saat Anda mengedit templat, perubahan Anda akan ditampilkan secara real-time di pratinjau editor tema.

Langkah-langkah:

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

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

  3. Klik menu tarik-turun Halaman beranda, lalu pilih templat yang ingin Anda edit.

  4. Untuk menambahkan bagian baru ke templat, klik Tambahkan bagian, lalu pilih bagian baru untuk templat Anda.

  5. Opsional: Untuk menambahkan blok baru ke bagian Anda, klik Tambahkan blok, lalu pilih blok baru untuk bagian Anda.

  6. Klik bagian dan blok baru untuk melihat pengaturan dan opsinya, lalu buat perubahan Anda.

  7. Klik Simpan.

Seluler
  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda edit, lalu ketuk Edit tema.

  5. Ketuk menu tarik-turun Halaman beranda, lalu pilih templat yang ingin Anda edit.

  6. Untuk menambahkan bagian baru ke templat, ketuk Bagian > Tambahkan bagian, pilih bagian baru untuk templat Anda, lalu ketuk Tambahkan.

  7. Opsional: Untuk menambahkan blok ke bagian baru Anda, ketuk Tambahkan blok, lalu pilih blok baru untuk bagian Anda.

  8. Ketuk bagian dan blok baru untuk melihat pengaturan dan opsinya, lalu buat perubahan Anda.

  9. Ketuk Simpan atau .

Pertimbangan untuk membuat templat baru

Sebelum Anda membuat templat baru, tinjau pertimbangan berikut:

  • Anda dapat memiliki beberapa templat untuk produk, koleksi, halaman, blog, dan postingan blog, tetapi Anda hanya dapat memiliki total 1.000 templat.
  • Anda dapat membuat templat baru hanya dengan tema yang kompatibel.
  • Semua tema memiliki templat default untuk koleksi, produk, blog, postingan blog, dan halaman. Templat default ini digunakan untuk menampilkan sumber daya dan konten toko Anda, kecuali jika Anda membuat templat alternatif.
  • Setiap perubahan yang Anda buat pada templat akan memengaruhi semua halaman yang menggunakan templat tersebut. Jika Anda ingin menampilkan beberapa halaman dari jenis tertentu secara berbeda, Anda dapat membuat templat baru berdasarkan templat yang sudah ada di tema Anda.
  • Saat Anda membuat templat baru dari templat yang sudah ada, templat baru Anda akan otomatis terisi dengan bagian yang sama seperti templat yang ada. Anda kemudian dapat menghapus, menambahkan, atau menyembunyikan bagian, dan mengedit kontennya sesuai kebutuhan, tanpa memengaruhi tampilan halaman yang menggunakan templat yang sudah ada.

Buat templat baru

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

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

  3. Klik menu tarik-turun Halaman beranda, pilih jenis templat, lalu klik Buat templat.

  4. Di dialog Buat templat, lakukan hal berikut:

    • Di kolom Nama, masukkan nama unik untuk templat baru Anda.
    • Di menu tarik-turun Berdasarkan, pilih templat yang ada untuk dijadikan dasar templat baru Anda.
  5. Klik Buat templat.

Seluler
  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda edit, lalu ketuk Edit tema.

  5. Ketuk menu tarik-turun Halaman beranda, pilih jenis templat, lalu ketuk Buat templat.

  6. Di dialog Buat templat, lakukan hal berikut:

    • Di kolom Nama, masukkan nama unik untuk templat baru Anda.
    • Di menu tarik-turun Berdasarkan, pilih templat yang ada untuk dijadikan dasar templat baru Anda.
  7. Ketuk Buat templat.

Setelah membuat templat baru, Anda dapat menerapkan templat ke halaman toko online yang ingin Anda gunakan.

Buat templat untuk metaobjek

Anda dapat membuat templat untuk halaman web untuk metaobjek. Untuk menggunakan fitur ini, selesaikan langkah-langkah berikut:

  1. Buat definisi metaobjek dengan akses Storefront dan, secara opsional, aktifkan fitur Halaman web secara manual. Saat Anda membuat templat tema, editor tema akan mengaktifkan fitur Halaman web.
  2. Buat entri untuk definisi metaobjek.

Anda sekarang dapat membuat templat metaobjek di editor tema.

Pratinjau templat

Anda dapat menggunakan pratinjau templat untuk mempratinjau bagaimana sumber daya toko online Anda, seperti produk dan halaman, ditampilkan kepada pelanggan dengan templat lain yang diterapkan.

Templat ditetapkan di tingkat produk, koleksi, halaman, blog, atau postingan blog. Anda membuat dan mengedit templat di editor tema, tetapi Anda mengubah templat yang ditetapkan untuk sumber daya di admin Shopify Anda.

Pertimbangan untuk pratinjau templat

Pertimbangkan detail berikut saat mempratinjau templat untuk berbagai sumber daya toko online Anda:

  • Saat mempratinjau templat produk di editor tema, Anda dapat menggunakan produk berstatus Aktif atau Draf, tetapi tidak dapat mempratinjau produk berstatus Diarsipkan.
  • Saat Anda mempratinjau templat koleksi di editor tema, Anda harus memastikan koleksi tersebut telah mengaktifkan Toko Online sebagai saluran penjualan. Jika koleksi tidak mengaktifkan Toko Online sebagai saluran penjualan, Anda tidak dapat mempratinjau koleksi tersebut dengan templat koleksi mana pun di editor tema.
  • Saat Anda mempratinjau templat halaman di editor tema, Anda dapat menggunakan halaman yang visibilitasnya diatur ke Terlihat atau Tersembunyi.
  • Saat Anda mempratinjau templat postingan blog di editor tema, Anda dapat menggunakan postingan blog yang visibilitasnya diatur ke Terlihat atau Tersembunyi.

Blog tidak memiliki parameter status atau visibilitas yang berbeda, sehingga Anda dapat menggunakan templat blog untuk mempratinjau blog apa pun yang telah dipublikasikan di toko online Anda.

Pratinjau templat alternatif

Anda dapat mempratinjau bagaimana tampilan produk, koleksi, halaman, blog, atau postingan blog Anda dengan templat lain yang diterapkan.

Langkah-langkah:

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

  2. Temukan tema yang ingin Anda gunakan untuk mempratinjau templat, lalu klik Edit tema.

  3. Klik menu tarik-turun Halaman beranda, lalu pilih templat yang ingin Anda gunakan.

  4. Di bagian Pratinjau di sidebar editor tema, klik Ubah.

  5. Klik sumber daya yang ingin Anda pratinjau dengan templat yang dipilih.

Seluler
  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

  4. Temukan tema yang ingin Anda gunakan untuk mempratinjau templat, lalu ketuk Edit tema.

  5. Ketuk menu tarik-turun Halaman beranda, lalu pilih templat yang ingin Anda gunakan.

  6. Untuk memilih sumber daya untuk dipratinjau dengan templat, ketuk lagi menu tarik-turun.

  7. Di kolom Cari toko online, masukkan nama sumber daya yang ingin Anda pratinjau dengan templat yang dipilih.

  8. Pilih sumber daya Anda dari daftar hasil pencarian.

Mempratinjau sumber daya tertentu

Anda dapat mempratinjau tampilan templat dengan sumber daya yang kompatibel di toko Anda. Misalnya, jika Anda sedang melihat templat produk, Anda dapat mengujinya dengan produk apa pun di toko Anda.

Anda masih perlu menetapkan templat ke sumber daya di Admin Shopify.

Anda juga dapat mencari templat dan sumber daya menggunakan bilah Pencarian di pemilih halaman, di alat Tambah bagian atau Tambah blok, atau di Sematan aplikasi.

Langkah-langkah:

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

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

  3. Dari menu templat, pilih templat yang ingin Anda pratinjau.

  4. Dari menu sidebar, di bagian Pratinjau, klik Ubah.

  5. Dari menu Pilih, pilih sumber daya yang ingin Anda pratinjau.

Menerapkan templat baru

Anda dapat mengubah templat yang ditetapkan untuk bagian berikut di tema yang dipublikasikan:

  • halaman
  • produk
  • koleksi
  • blog
  • postingan blog

Anda mengubah templat yang ditetapkan di admin Shopify. Opsi templat yang ditampilkan hanya berdasarkan templat yang tersedia di tema langsung Anda saat ini.

Templat untuk produk dan koleksi dapat ditetapkan di tingkat item individual, atau ke beberapa item sekaligus menggunakan Editor Massal.

Menerapkan templat baru ke halaman

Desktop
  1. Dari admin Shopify Anda, buka Toko Online > Halaman.

  2. Klik halaman tempat Anda ingin menerapkan templat baru.

  3. Di bagian Toko Online, klik menu tarik-turun Templat tema, lalu pilih templat yang ingin diterapkan ke halaman Anda.

  4. Klik Simpan.

Seluler
  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Halaman.

  4. Ketuk halaman tempat Anda ingin menerapkan templat baru.

  5. Di bagian Toko Online, ketuk menu tarik-turun Templat tema, lalu pilih templat yang ingin diterapkan ke halaman Anda.

  6. Ketuk Simpan atau .

Menerapkan templat baru ke produk

Desktop
  1. Dari admin Shopify Anda, buka Produk.

  2. Klik produk tempat Anda ingin menerapkan templat baru.

  3. Di bagian Templat tema, klik menu tarik-turun, lalu pilih templat yang ingin diterapkan ke produk Anda.

  4. Klik Simpan.

Seluler
  1. Dari aplikasi Shopify, ketuk ikon Produk .
  2. Ketuk produk tempat Anda ingin menerapkan templat baru.
  3. Ketuk Templat Toko Online.
  4. Pilih templat yang ingin diterapkan ke produk Anda.
  5. Ketuk Simpan atau .

Menerapkan templat baru ke koleksi

  1. Dari admin Shopify Anda, buka Produk > Koleksi.

  2. Klik koleksi tempat Anda ingin menerapkan templat.

  3. Di bagian Templat tema, klik menu tarik-turun, lalu pilih templat yang ingin diterapkan ke koleksi Anda.

  4. Klik Simpan.

Menerapkan templat baru ke blog

Desktop
  1. Dari admin Shopify Anda, buka Konten > Postingan blog.
  2. Klik Kelola blog.
  3. Klik blog tempat Anda ingin menerapkan templat.
  4. Di bagian Toko Online, klik menu tarik-turun Templat tema, lalu pilih templat yang ingin diterapkan ke blog Anda.
  5. Klik Simpan.
Seluler
  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di menu Konten, ketuk ikon panah ke bawah, lalu ketuk Postingan blog.

  3. Ketuk Horizontal menu atau Vertical menu > Kelola blog.

  4. Ketuk blog yang ingin Anda terapkan templatnya.

  5. Di bagian Toko Online, ketuk menu tarik-turun Templat tema, lalu pilih templat yang ingin Anda terapkan pada blog.

  6. Ketuk Simpan atau .

Terapkan templat baru ke postingan blog

Desktop
  1. Dari admin Shopify Anda, buka Konten > Postingan blog.

  2. Klik postingan blog yang ingin Anda terapkan templatnya.

  3. Di bagian Toko Online, klik menu tarik-turun Templat tema, lalu pilih templat yang ingin diterapkan ke blog Anda.

  4. Klik Simpan.

Seluler
  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di menu Konten, ketuk ikon panah ke bawah, lalu ketuk Postingan blog.

  3. Ketuk postingan blog yang ingin Anda terapkan templatnya.

  4. Di bagian Toko Online, ketuk menu tarik-turun Templat tema, lalu pilih templat yang ingin Anda terapkan pada postingan blog.

  5. Ketuk Simpan atau .

Menerapkan templat baru ke produk atau koleksi secara massal

Anda dapat menggunakan editor massal untuk menerapkan templat baru ke beberapa produk atau koleksi secara massal.

Terapkan templat baru ke produk secara massal

  1. Dari admin Shopify Anda, buka Produk.

  2. Untuk mengedit beberapa produk sekaligus, lakukan salah satu cara berikut:

    • Untuk memilih produk satu per satu, pilih kotak centang untuk setiap produk.
    • Untuk memilih rentang produk, klik untuk memilih produk, lalu tahan tombol shift dan klik produk lain. Tindakan ini akan memilih produk pertama dan terakhir yang Anda klik, dan semua produk di antaranya.
    • Untuk memilih semua produk di satu halaman, pilih kotak centang di bagian atas daftar produk.
    • Untuk memilih semua produk dari toko Anda, pilih kotak centang di bagian atas daftar produk, lalu klik Pilih semua di toko ini.
  3. Klik Edit massal.

  4. Di editor massal, klik menu tarik-turun Kolom, lalu di bagian Umum, pilih Templat.

  5. Klik kolom pertama dari kolom Templat, lalu tahan tombol shift, dan klik kolom terakhir dari kolom Templat. Bayangan biru akan ditampilkan di sekitar item yang Anda pilih.

  6. Klik kolom pertama yang Anda pilih, lalu pilih templat yang Anda inginkan dari menu tarik-turun, kemudian klik Simpan.

Terapkan templat baru ke koleksi secara massal

  1. Dari admin Shopify Anda, buka Produk > Koleksi.

  2. Untuk mengedit beberapa koleksi sekaligus, lakukan salah satu cara berikut:

    • Untuk memilih koleksi satu per satu, pilih kotak centang untuk setiap koleksi.
    • Untuk memilih rentang koleksi, klik untuk memilih koleksi, lalu tahan tombol shift dan klik koleksi lain. Tindakan ini akan memilih koleksi pertama dan terakhir yang Anda klik, serta semua koleksi di antaranya.
    • Untuk memilih semua koleksi di satu halaman, pilih kotak centang di bagian atas daftar koleksi.
    • Untuk memilih semua koleksi dari toko Anda, pilih kotak centang di bagian atas daftar koleksi, lalu klik Pilih semua di toko ini.
  3. Klik Edit massal.

  4. Di editor massal, klik menu tarik-turun Kolom, lalu di bagian Umum, pilih Templat.

  5. Klik kolom pertama dari kolom Templat, lalu tahan tombol shift, dan klik kolom terakhir dari kolom Templat. Bayangan biru akan ditampilkan di sekitar item yang Anda pilih.

  6. Klik kolom pertama yang Anda pilih, lalu pilih templat yang Anda inginkan dari menu tarik-turun, kemudian klik Simpan.

Mengelola templat Anda

Untuk mengubah nama atau menghapus templat, Anda perlu menggunakan editor kode. Mengedit file templat dapat menyebabkan masalah pada toko online Anda.

Saat Anda menghapus templat, setiap sumber daya toko online yang menggunakan templat tersebut akan ditampilkan dengan templat default hingga Anda menetapkan templat lain.

Ubah nama templat

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

  2. Temukan tema dengan templat yang ingin Anda ubah namanya, lalu klik > Edit kode.

  3. Di editor kode, temukan folder templates.

  4. Klik kanan file templat yang ingin Anda ubah namanya, lalu pilih Ubah Nama... dari menu tarik-turun.

  5. Masukkan nama baru untuk file tersebut.

  6. Tekan Enter di keyboard Anda.

Hapus templat

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

  2. Temukan tema yang templatnya ingin Anda hapus, lalu klik > Edit kode.

  3. Di editor kode, temukan folder templates.

  4. Klik kanan file templat yang ingin Anda hapus, lalu pilih Hapus secara permanen dari menu tarik-turun.

  5. Klik Hapus.