Bantuan
Masuk

Menyesuaikan Pengaturan Tema

Anda dapat menyesuaikan pengaturan keseluruhan untuk toko online Anda, seperti tipografi, warna, tautan media sosial, dan halaman keranjang, dari bagian Pengaturan Tema pada menu sidebar di editor tema. Perubahan yang Anda buat di bagian Pengaturan Tema berlaku untuk seluruh toko online Anda.

Bagian dan blok juga memiliki pengaturan masing-masing yang dapat Anda sesuaikan untuk menyesuaikan setiap bagian tema Anda. Pelajari selengkapnya tentang bagian dan blok.

Di halaman ini

Anda dapat menambahkan logo untuk bisnis Anda ke toko online. Logo Anda ditampilkan di tempat-tempat berikut:

  • header Anda di semua halaman
  • halaman kata sandi Anda

Sesuaikan logo Anda

Gambar logo memiliki lebar maksimum 300 piksel.

Langkah-langkah:

Desktop

  1. From your Shopify admin, go to Online Store.

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

  3. Klik ikon Pengaturan tema settings.

  4. Klik Logo.

  5. Di area Logo, tambahkan gambar Anda atau gunakan gambar gratis:

    • Untuk menambahkan gambar Anda, klik Pilih gambar, lalu tambahkan gambar baru atau yang sudah ada:
      • Untuk menggunakan gambar yang sudah diunggah ke admin Shopify, pilih gambar, lalu klik Selesai.
      • Untuk menggunakan gambar dari komputer lokal Anda, klik Tambahkan gambar. Pilih dan tambahkan gambar, lalu klik Selesai.
    • Untuk menggunakan gambar gratis, klik Jelajahi gambar gratis. Cari gambar, klik gambar untuk memilihnya, lalu klik Pilih.

  6. Opsional: Tambahkan teks alt ke gambar logo Anda:

    1. Di area Logo, klik Sunting.
    2. Di kolom Teks alt, masukkan deskripsi singkat gambar tersebut.
    3. Klik Simpan.

  7. Opsional: Di area Lebar logo desktop, gunakan penggeser rentang untuk menyesuaikan lebar logo dalam piksel.

  8. 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 Sesuaikan.

  5. Ketuk Menu horizontal atau Menu vertikal, lalu ketuk Pengaturan tema.

  6. Ketuk Logo.

  7. Di area Logo, tambahkan gambar Anda atau gunakan gambar gratis:

    • Untuk menambahkan gambar Anda, ketuk Pilih gambar, lalu tambahkan gambar baru atau yang sudah ada:
      • Untuk menggunakan gambar yang sudah diunggah ke admin Shopify, pilih gambar, lalu ketuk Selesai.
      • Untuk menggunakan gambar dari perangkat lokal Anda, ketuk Tambahkan gambar. Pilih dan tambahkan gambar dari perangkat lokal Anda, ketuk gambar untuk memilihnya, lalu ketuk Selesai.
    • Untuk menggunakan gambar gratis, ketuk Jelajahi gambar gratis. Cari gambar, ketuk gambar untuk memilihnya, lalu ketuk Selesai.

  8. Opsional: Tambahkan teks alt ke gambar logo Anda:

    1. Di area Logo, ketuk Sunting.
    2. Di kolom Teks alt, masukkan deskripsi singkat gambar tersebut.
    3. Ketuk Simpan atau ✓.

  9. Opsional: Di area Lebar logo desktop, gunakan penggeser rentang untuk menyesuaikan lebar logo dalam piksel.

  10. Ketuk Simpan atau ✓.

Tambahkan favicon

Anda dapat menambahkan ikon favorit, atau favicon, yang Anda gunakan untuk membantu branding toko online Anda. Favicon ditampilkan di tempat-tempat berikut:

  • tab browser web Anda
  • riwayat browser web Anda
  • ikon di meja kerja Anda
  • di samping nama toko online Anda saat situs web Anda di-bookmark

Pelajari lebih lanjut tentang favicon.

Langkah-langkah:

Desktop

  1. From your Shopify admin, go to Online Store.

  2. Temukan tema yang ingin Anda tambahkan favicon, lalu klik Edit tema.

  3. Klik ikon Pengaturan tema settings.

  4. Tergantung pada versi tema Anda, klik Logo atau Favicon.

  5. Di bagian Gambar favicon, klik Pilih gambar, lalu tambahkan gambar baru atau yang sudah ada:

    • Untuk memilih gambar yang sudah Anda unggah ke admin Shopify, Anda dapat mencari atau menemukan gambar tersebut, lalu pilih dengan kotak centang.
    • Untuk memilih gambar dari komputer lokal Anda, klik Tambah gambar, buka gambar dari komputer lokal Anda, lalu pilih dengan kotak centang.

  6. Klik Selesai.

  7. Opsional: Tambahkan teks alt ke gambar favicon Anda:

    1. Di bagian Gambar favicon, klik Edit.
    2. Di kolom Teks alt, masukkan deskripsi singkat gambar tersebut.
    3. Klik Simpan.

  8. 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 tambahkan favicon, lalu ketuk Edit tema.

  5. Ketuk Menu horizontal atau Menu vertikal, lalu ketuk Pengaturan tema.

  6. Tergantung pada versi tema Anda, ketuk Logo atau Favicon.

  7. Di bagian Gambar favicon, ketuk Pilih gambar, lalu tambahkan gambar baru atau yang sudah ada:

    • Untuk memilih gambar yang sudah Anda unggah ke admin Shopify, Anda dapat mencari atau menemukan gambar tersebut, lalu pilih dengan kotak centang.
    • Untuk memilih gambar dari perangkat lokal, ketuk Tambah gambar, buka gambar dari perangkat lokal Anda, lalu pilih dengan kotak centang.

  8. Ketuk Selesai.

  9. Tambahkan teks alt ke gambar favicon Anda:

    1. Di bagian Gambar favicon, ketuk Edit.
    2. Di kolom Teks alt, masukkan deskripsi singkat gambar tersebut.
    3. Ketuk Simpan atau ✓.

  10. Ketuk Simpan atau ✓.

Warna

Pengaturan warna tema mengontrol warna yang digunakan di seluruh toko online Anda. Anda dapat mengonfigurasi warna keseluruhan tema di bagian Warna pada pengaturan tema Anda. Tergantung pada tema Anda, warna dikelola melalui salah satu sistem warna berikut: ​

  • Palet warna tersedia di tema yang lebih baru seperti Horizon 4.0.0 dan yang lebih baru. Palet warna merupakan serangkaian warna merek yang telah dinamai dan diterapkan di seluruh tema Anda. Bagian dan blok mungkin memiliki bidang input warna yang dapat digunakan untuk menimpa warna palet dengan warna khusus, atau mengubah warna palet yang ditetapkan.
  • Skema warna tersedia di sebagian besar tema, seperti pada semua tema gratis Shopify sebelum rilisnya Horizon 4.0.0. Skema warna merupakan sekelompok warna yang berbeda, seperti latar belakang, teks, dan tombol, yang selanjutnya Anda terapkan ke berbagai bagian di seluruh toko online Anda. Anda dapat membuat beberapa skema warna di pengaturan tema Anda.

Kelola palet warna

Palet warna adalah cara cepat untuk menggunakan kembali warna di beberapa pengaturan dalam editor tema. Saat Anda mengubah warna dari palet warna, semua pengaturan yang menggunakan warna tersebut akan diperbarui secara dinamis ke warna baru. Ini juga berarti bahwa Anda tidak perlu mengingat kode heksadesimal jika ingin menggunakan satu warna lebih dari sekali.

Palet warna di editor tema

Langkah-langkah:

Desktop

  1. From your Shopify admin, go to Online Store.

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

  3. Klik ikon Pengaturan tema, lalu klik Warna.

  4. Di bagian Warna, klik + untuk memilih warna yang akan ditambahkan ke palet.

  5. Opsional: Untuk menghapus warna yang tidak lagi Anda perlukan di palet:

    1. Klik warna lalu klik Hapus warna.
    2. Pilih warna pengganti untuk menggantikan warna yang dihapus di mana pun warna tersebut digunakan pada tema Anda.
    3. Klik Konfirmasi.

  6. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk Menu, lalu ketuk Pengaturan Pengaturan.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Kelola semua tema.

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

  5. Ketuk Menu horizontal atau Menu vertikal, lalu ketuk Pengaturan tema.

  6. Ketuk Warna.

  7. Di bagian Warna, ketuk + untuk memilih warna yang akan ditambahkan ke palet.

  8. Opsional: Untuk menghapus warna yang tidak lagi Anda perlukan di palet:

    1. Ketuk warna lalu ketuk Hapus warna.
    2. Pilih warna pengganti untuk menggantikan warna yang dihapus di mana pun warna tersebut digunakan pada tema Anda.
    3. Ketuk Konfirmasi.

  9. Ketuk Simpan atau ✓.

Kelola skema warna

Anda dapat membuat skema warna baru, menghapus skema warna, atau mengelola warna-warna yang ada di skema warna dalam pengaturan tema Anda. Anda bisa memiliki hingga 21 skema warna di editor tema.

Langkah-langkah:

  1. From your Shopify admin, go to Online Store.

  2. Klik Edit tema di samping tema yang ingin Anda sesuaikan.

  3. Klik ikon pengaturan, lalu klik Warna.

  4. Di bagian Skema, klik skema yang sudah ada atau klik Tambah skema untuk menambahkan skema warna baru.

  5. Klik sampel warna untuk warna jenis konten yang ingin Anda ubah.

  6. Untuk mengatur warna Anda, masukkan kode warna hex atau pilih warna dari pemilih warna. Untuk mengatur warna menjadi transparan, hapus kode hex dari kolom teks.

  7. Klik Simpan.

Tipografi

Anda dapat mengatur gaya dan ukuran font untuk teks di toko online. Anda dapat memilih font sistem atau menambahkan fon kustom. Font yang tersedia di tema Anda bergantung pada developer tema Anda. Semua tema Shopify gratis menggunakan font dari pustaka font Shopify.

Pertimbangkan untuk menggunakan font sistem di toko Anda, karena font sistem sudah terinstal di komputer pengguna. Penggunaan font sistem akan menghindari pengunduhan font baru ke komputer pelanggan, yang dapat berdampak negatif pada kecepatan pemuatan toko Anda. Font yang ditampilkan di komputer pelanggan bergantung pada sistem operasinya.

Menyesuaikan jenis font

Lihat pustaka font Shopify untuk daftar font yang tersedia.

Langkah-langkah:

Desktop

  1. From your Shopify admin, go to Online Store.

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

  3. Klik ikon Pengaturan tema settings.

  4. Klik Tipografi.

  5. Untuk mengubah jenis font untuk judul atau isi teks toko, klik Ubah di bagian Judul atau Isi.

  6. Klik nama font yang ingin Anda gunakan, lalu klik Pilih.

  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 Sesuaikan.

  5. Ketuk Menu horizontal atau Menu vertikal, lalu ketuk Pengaturan tema.

  6. Ketuk Tipografi.

  7. Untuk mengubah jenis font untuk judul atau isi teks toko, ketuk Ubah di bagian Judul atau Isi.

  8. Ketuk nama font yang ingin Anda gunakan, lalu ketuk Selesai.

  9. Ketuk Simpan atau ✓.

Menyesuaikan ukuran font

Anda dapat mengatur ukuran font default untuk judul dan isi teks dengan pengaturan tema Tipografi.

Ukuran font minimum adalah 100%, dan ukuran font maksimum adalah 150%. Setiap kenaikan skala akan meningkatkan ukuran font sebesar 5%. Pengaturan defaultnya adalah 100%.

Langkah-langkah:

Desktop

  1. From your Shopify admin, go to Online Store.

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

  3. Klik ikon Pengaturan tema settings.

  4. Klik Tipografi.

  5. Untuk mengubah ukuran font default untuk teks Judul, gunakan penggeser rentang Skala ukuran font untuk memilih ukuran font default.

  6. Untuk mengubah ukuran font default untuk teks Isi, gunakan penggeser rentang Skala ukuran font untuk memilih ukuran font default.

  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 Sesuaikan.

  5. Ketuk Menu horizontal atau Menu vertikal, lalu ketuk Pengaturan tema.

  6. Ketuk Tipografi.

  7. Untuk mengubah ukuran font default untuk teks Judul, gunakan penggeser rentang Skala ukuran font untuk memilih ukuran font default.

  8. Untuk mengubah ukuran font default untuk teks Isi, gunakan penggeser rentang Skala ukuran font untuk memilih ukuran font default.

  9. Ketuk Simpan atau ✓.

Tata letak

Anda dapat mengatur lebar maksimum tampilan toko online, serta mengatur spasi vertikal dan horizontal antar-bagian.

Langkah-langkah:

Desktop

  1. From your Shopify admin, go to Online Store.

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

  3. Klik ikon Pengaturan tema settings.

  4. Klik Tata letak.

  5. Gunakan penggeser rentang Lebar halaman untuk memilih lebar halaman antara 1000 px dan 1600 px. Pengaturan defaultnya adalah 1600 px.

  6. Opsional: Gunakan penggeser rentang untuk menambahkan Spasi antar-bagian templat vertikal di halaman Anda. Anda dapat menambahkan spasi hingga maksimum 100 px antar-bagian.

  7. Opsional: Jika Anda memiliki tata letak Kisi, gunakan penggeser rentang Spasi horizontal dan Spasi vertikal untuk menambahkan spasi di antara konten kisi di halaman Anda. Menambahkan spasi horizontal akan menambahkan spasi maksimum 40 px ke baris konten di halaman Anda, sedangkan menambahkan spasi vertikal akan menambahkan spasi maksimum 40 px ke kolom konten di halaman Anda.

  8. 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 Sesuaikan.

  5. Ketuk Menu horizontal atau Menu vertikal, lalu ketuk Pengaturan tema.

  6. Ketuk Tata letak.

  7. Gunakan penggeser rentang Lebar halaman untuk memilih lebar halaman antara 1000 px dan 1600 px. Pengaturan defaultnya adalah 1600 px.

  8. Opsional: Gunakan penggeser rentang untuk menambahkan Spasi antar-bagian templat vertikal di halaman Anda. Anda dapat menambahkan spasi hingga maksimum 100 px antar-bagian.

  9. Opsional: Jika Anda memiliki tata letak Kisi, gunakan penggeser rentang Spasi horizontal dan Spasi vertikal untuk menambahkan spasi di antara konten kisi di halaman Anda. Menambahkan spasi horizontal akan menambahkan spasi maksimum 40 px ke baris konten di halaman Anda, sedangkan menambahkan spasi vertikal akan menambahkan spasi maksimum 40 px ke kolom konten di halaman Anda.

  10. Ketuk Simpan atau ✓.

Animasi

Dengan animasi, Anda dapat menambahkan gerakan dan daya tarik visual ke toko online. Anda dapat mengaktifkan animasi fade-in yang menampilkan bagian-bagian toko saat digulir, dan efek hover untuk kartu dan tombol.

Langkah-langkah:

Desktop

  1. From your Shopify admin, go to Online Store.

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

  3. Klik ikon Pengaturan tema settings.

  4. Klik Animasi.

  5. Opsional: Untuk mengaktifkan animasi yang menampilkan bagian-bagian toko online saat digulir, pilih Tampilkan bagian saat menggulir.

  6. Opsional: Untuk menambahkan animasi efek hover ke kartu dan tombol Anda, pilih salah satu opsi berikut dari pengaturan Efek hover:

    • Angkat vertikal: Saat pelanggan mengarahkan kursor ke atas kartu atau tombol, elemen tersebut akan bergeser ke atas.
    • Angkat 3D: Saat pelanggan mengarahkan kursor ke atas kartu atau tombol, elemen akan bergeser ke depan sehingga memberikan efek 3D. Efek ini juga memiliki kilau halus yang bergerak melintasi elemen, yang memberikan lapisan dimensi lain.

  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 Sesuaikan.

  5. Ketuk Menu horizontal atau Menu vertikal, lalu ketuk Pengaturan tema.

  6. Ketuk Animasi.

  7. Opsional: Untuk mengaktifkan animasi yang menampilkan bagian-bagian toko online saat digulir, pilih Tampilkan bagian saat menggulir.

  8. Opsional: Untuk menambahkan animasi efek hover ke kartu dan tombol Anda, pilih salah satu opsi berikut dari pengaturan Efek hover:

    • Angkat vertikal: Saat pelanggan mengarahkan kursor ke atas kartu atau tombol, elemen tersebut akan bergeser ke atas.
    • Angkat 3D: Saat pelanggan mengarahkan kursor ke atas kartu atau tombol, elemen akan bergeser ke depan sehingga memberikan efek 3D. Efek ini juga memiliki kilau halus yang bergerak melintasi elemen, yang memberikan lapisan dimensi lain.

  9. Ketuk Simpan atau ✓.

Pengaturan kustomisasi elemen visual

Anda dapat menyesuaikan tampilan elemen tema, seperti tombol, kartu produk, dan varian dari halaman Pengaturan tema. Setiap opsi berisi pengaturan yang relevan untuk elemen tersebut.

Anda dapat menyesuaikan pengaturan untuk elemen tema Anda berikut ini:

  • Tombol: Tombol mencakup tombol ajakan bertindak di bagian seperti tayangan slide atau gambar dengan teks, serta tombol di formulir kontak, halaman produk, dan halaman keranjang.
  • Pil varian: Pil varian memungkinkan Anda menampilkan varian produk di halaman produk atau bagian produk unggulan. Pelanggan dapat memilih varian yang diinginkan untuk menambahkan produk ke keranjang tanpa perlu berganti halaman produk. Anda dapat menyesuaikan cara pil varian ditampilkan di toko online Anda.
  • Input: Input adalah area interaktif yang memerlukan masukan pelanggan, misalnya, pemilih kuantitas, formulir pendaftaran email, atau catatan pesanan. Anda dapat menyesuaikan tampilan input toko online Anda.
  • Pengaturan untuk kartu produk, kartu koleksi, dan kartu blog memungkinkan Anda menyesuaikan gaya setiap jenis kartu saat ditampilkan di bagian halaman.
    • Kartu produk: Kartu produk menampilkan informasi tentang produk Anda di area tema yang mencantumkan beberapa produk, seperti templat koleksi, bagian koleksi, dan hasil pencarian.
    • Kartu koleksi: Kartu koleksi menampilkan informasi tentang koleksi Anda di area tema yang mencantumkan koleksi, seperti templat atau bagian daftar koleksi.
    • Kartu blog: Kartu blog menampilkan informasi tentang postingan blog Anda di area tema yang mencantumkan beberapa produk, seperti templat blog, bagian blog, dan hasil pencarian.
  • Wadah konten: Wadah digunakan untuk elemen teks pada bagian konten, misalnya, kotak teks pada tayangan slide, pada banner gambar, atau di kolom bagian multikolom. Anda dapat menyesuaikan tampilan wadah konten untuk toko online Anda.
  • Media: Media adalah komponen visual dari suatu bagian, misalnya, media produk atau gambar di bagian Gambar dengan teks. Anda dapat menambahkan bingkai dan bayangan ke media Anda.
  • Tarik-turun dan pop-up: Anda dapat menyesuaikan tampilan menu tarik-turun, modal pop-up, dan pop-up keranjang di toko online Anda.
  • Laci: Laci adalah wadah interaktif tersembunyi yang ditampilkan saat diketuk atau diklik, seperti menu yang dapat diciutkan atau opsi filter koleksi. Anda dapat menyesuaikan bingkai dan bayangan laci di toko online Anda.
  • Lencana: Lencana Diskon dan Habis Terjual secara otomatis ditambahkan ke foto produk Anda saat Anda menurunkan harga atau saat jumlah inventaris mencapai 0. Anda dapat menyesuaikan posisi, bentuk, dan warna lencana Diskon dan Habis Terjual secara terpisah di pengaturan tema Anda. Lencana Halaman dan Blog ditampilkan di hasil pencarian yang relevan. Anda dapat menyesuaikan posisi dan bentuk lencana ini, tetapi tidak dapat mengubah warna lencana Halaman dan Blog.
  • Informasi merek: Anda dapat menyertakan informasi tentang merek Anda di toko online. Setelah menyelesaikan langkah-langkah berikut, Anda kemudian dapat menambahkan blok Informasi merek di footer toko online Anda.

Langkah-langkah:

Desktop

  1. From your Shopify admin, go to Online Store.

  2. Klik Edit tema di samping tema yang ingin Anda edit.

  3. Klik ikon pengaturan.

  4. Klik sebuah elemen untuk membuka pengaturan.

  5. Sesuaikan pengaturan yang tersedia. Anda dapat meninjau perubahan dengan menavigasi ke berbagai area tema Anda di jendela pratinjau.

  6. Klik Simpan.

Seluler

  1. Dari aplikasi Shopify, ketuk ikon Menu.

  2. Di bagian Saluran penjualan, ketuk Toko Online.

  3. Ketuk Edit tema di samping tema yang ingin Anda edit.

  4. Ketuk ikon pengaturan.

  5. Ketuk sebuah elemen untuk membuka pengaturan.

  6. Sesuaikan pengaturan yang tersedia. Anda dapat meninjau perubahan dengan menavigasi ke berbagai area tema Anda di jendela pratinjau.

  7. Ketuk Simpan atau ✓.

Media sosial

Anda dapat menambahkan tautan ke akun media sosial yang ditampilkan di footer toko online Anda.

Langkah-langkah:

Desktop

  1. From your Shopify admin, go to Online Store.

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

  3. Klik ikon Pengaturan tema settings.

  4. Klik Media sosial.

  5. Untuk menambahkan tautan ke akun media sosial Anda, masukkan alamat situs web untuk akun Anda di kolom Akun sosial yang relevan. Anda perlu memasukkan tautan lengkap, seperti https://instagram.com/shopify atau https://tiktok.com/@shopify.

  6. 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 Sesuaikan.

  5. Ketuk Menu horizontal atau Menu vertikal, lalu ketuk Pengaturan tema.

  6. Ketuk Media sosial.

  7. Untuk menambahkan tautan ke akun media sosial Anda, masukkan alamat situs web untuk akun Anda di kolom Akun sosial yang relevan. Anda perlu memasukkan tautan lengkap, seperti https://instagram.com/shopify atau https://tiktok.com/@shopify.

  8. Ketuk Simpan atau ✓.

Perilaku pencarian

Toko online Anda dilengkapi pencarian prediktif, yang menampilkan saran saat pelanggan mulai mengetik di kolom pencarian. Saran pencarian dapat membantu pelanggan mengartikulasikan dan mempersempit kueri pencarian mereka, serta menyediakan cara baru bagi mereka untuk menjelajahi toko online Anda. Saran pencarian juga dapat memungkinkan pelanggan menelusuri kecocokan dengan cepat, tanpa harus meninggalkan halaman mereka saat ini untuk melihat daftar hasil pencarian terpisah.

Untuk mempelajari lebih lanjut tentang cara kerja saran pencarian, lihat Pencarian prediktif.

Anda dapat menyesuaikan cara saran pencarian ditampilkan kepada pelanggan Anda.

Langkah-langkah:

Desktop

  1. From your Shopify admin, go to Online Store.

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

  3. Klik ikon Pengaturan tema settings.

  4. Klik Perilaku pencarian.

  5. Untuk mengaktifkan atau menonaktifkan saran pencarian, pilih atau batalkan pilihan Aktifkan saran pencarian.

  6. Opsional: Untuk menampilkan atau menyembunyikan vendor produk di saran pencarian, pilih atau batalkan pilihan Tampilkan vendor produk.

  7. Opsional: Untuk menampilkan atau menyembunyikan harga produk di saran pencarian, pilih atau batalkan pilihan Tampilkan harga produk.

  8. 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 Sesuaikan.

  5. Ketuk Menu horizontal atau Menu vertikal, lalu ketuk Pengaturan tema.

  6. Ketuk Perilaku pencarian.

  7. Untuk mengaktifkan atau menonaktifkan saran pencarian, pilih atau batalkan pilihan Aktifkan saran pencarian.

  8. Opsional: Untuk menampilkan atau menyembunyikan vendor produk di saran pencarian, pilih atau batalkan pilihan Tampilkan vendor produk.

  9. Opsional: Untuk menampilkan atau menyembunyikan harga produk di saran pencarian, pilih atau batalkan pilihan Tampilkan harga produk.

  10. Ketuk Simpan atau ✓.

Format mata uang

Anda dapat memilih agar kode mata uang ditampilkan bersama harga pada produk Anda.

Langkah-langkah:

Desktop

  1. From your Shopify admin, go to Online Store.

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

  3. Klik ikon Pengaturan tema settings.

  4. Klik Format mata uang.

  5. Untuk menampilkan kode mata uang, pilih Tampilkan kode mata uang.

  6. 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 Sesuaikan.

  5. Ketuk Menu horizontal atau Menu vertikal, lalu ketuk Pengaturan tema.

  6. Ketuk Format mata uang.

  7. Untuk menampilkan kode mata uang, pilih Tampilkan kode mata uang.

  8. Ketuk Simpan atau ✓.

Keranjang

Anda dapat mengubah gaya keranjang di toko online Anda. Saat pelanggan menambahkan produk dari toko Anda ke keranjang, keranjang dapat ditampilkan sebagai laci, halaman, atau notifikasi pop-up. Agar pelanggan tetap berada di halaman produk, gunakan opsi laci atau notifikasi pop-up. Untuk membawa pelanggan ke halaman keranjang, gunakan opsi halaman. Saat keranjang pelanggan kosong, Anda dapat menampilkan koleksi unggulan di laci keranjang.

Langkah-langkah:

Desktop

  1. From your Shopify admin, go to Online Store.

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

  3. Klik ikon Pengaturan tema settings.

  4. Klik Keranjang.

  5. Gunakan menu tarik-turun Jenis keranjang untuk memilih gaya keranjang Laci, Halaman, atau Notifikasi pop-up.

  6. Opsional: Untuk menampilkan vendor item di keranjang pelanggan, pilih Tampilkan vendor.

  7. Opsional: Untuk menyediakan kotak teks kepada pelanggan agar mereka dapat memasukkan permintaan khusus atau menambahkan informasi pesanan tambahan, pilih Aktifkan catatan pesanan.

  8. Opsional: Jika Anda memilih Laci sebagai Jenis keranjang, Anda dapat menampilkan koleksi di laci keranjang saat kosong:

    1. Di area Laci keranjang, klik Pilih koleksi.
    2. Klik nama koleksi yang ingin Anda tampilkan, lalu klik Pilih.

  9. Opsional: Jika Anda memilih Laci sebagai Jenis keranjang, Anda dapat mengubah skema warna laci keranjang dengan mengikuti langkah-langkah berikut:

    1. Di area Laci keranjang > Skema warna, klik Ubah.
    2. Pilih skema warna yang ingin Anda gunakan untuk laci keranjang.

  10. 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 Sesuaikan.

  5. Ketuk Menu horizontal atau Menu vertikal, lalu ketuk Pengaturan tema.

  6. Ketuk Keranjang.

  7. Pilih Jenis keranjang dari opsi Laci, Halaman, atau Notifikasi pop-up.

  8. Opsional: Untuk menampilkan vendor item di keranjang pelanggan, pilih Tampilkan vendor.

  9. Opsional: Untuk menyediakan kotak teks kepada pelanggan agar mereka dapat memasukkan permintaan khusus atau menambahkan informasi pesanan tambahan, pilih Aktifkan catatan pesanan.

  10. Opsional: Jika Anda memilih Laci sebagai Jenis keranjang, Anda dapat menampilkan koleksi di laci keranjang saat kosong:

    1. Di area Laci keranjang, ketuk Pilih koleksi.
    2. Ketuk nama koleksi yang ingin ditampilkan, lalu ketuk Selesai.

  11. Opsional: Jika Anda memilih Laci sebagai Jenis keranjang, Anda dapat mengubah skema warna laci keranjang dengan mengikuti langkah-langkah berikut:

    1. Di area Laci keranjang > Skema warna, ketuk Ubah.
    2. Pilih skema warna yang ingin Anda gunakan untuk laci keranjang, lalu ketuk Selesai.

  12. Ketuk Simpan atau ✓.

CSS Kustom

Bagian CSS Kustom memungkinkan Anda memasukkan kode CSS sendiri, misalnya untuk menyesuaikan tampilan tombol toko online melebihi pengaturan default yang tersedia, atau untuk menerapkan gaya unik pada elemen teks tertentu.

CSS Kustom di pengaturan tema Anda memengaruhi semua halaman di toko online Anda, kecuali checkout.

Pelajari selengkapnya tentang Menambahkan CSS kustom ke tema Anda.

Gaya tema

Gaya tema adalah kumpulan pengaturan yang dipilih oleh desainer tema. Anda dapat menerapkan gaya tema ke toko untuk memberikan tampilan dan nuansa yang apik. Semua tema memiliki gaya tema yang diterapkan secara default. Opsi gaya tema lain yang Anda miliki bergantung pada tema yang Anda gunakan.

Saat Anda menyesuaikan tema, Anda mengganti pengaturan gaya tema dengan pengaturan Anda sendiri. Saat Anda menerapkan gaya tema ke tema, Anda mengubah pengaturan saat ini, seperti warna dan tipografi.

Langkah-langkah:

Desktop

  1. From your Shopify admin, go to Online Store.

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

  3. Klik ikon Pengaturan tema settings.

  4. Klik Gaya tema.

  5. Pilih gaya tema yang ingin Anda gunakan, lalu klik Ubah gaya.

  6. 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 Sesuaikan.

  5. Ketuk Menu horizontal atau Menu vertikal, lalu ketuk Pengaturan tema.

  6. Ketuk Gaya tema.

  7. Pilih gaya tema yang ingin Anda gunakan, lalu ketuk Selesai.

  8. Ketuk Simpan atau ✓.