Cara Menyesuaikan Tema Storefront Menggunakan Customizer

Diterbitkan: 2020-10-16

Kustomisasi Tema Toko WooCommerce Menggunakan Penyesuai Dengan lebih dari 200.000 instalasi aktif, tema Storefront terintegrasi dengan mulus dengan WooCommerce. WooCommerce telah membuktikan dirinya sebagai alat yang hebat untuk mendirikan toko eCommerce dengan investasi minimum. Selain itu, keduanya memberikan fleksibilitas yang besar bagi pemilik toko untuk mengubah tampilan dan fungsionalitas toko sesuka hati.

Kustomisasi Tema Toko WooCommerce Menggunakan Penyesuai

Tema Storefront memiliki pilihan yang sangat baik untuk meningkatkan toko Anda secara visual. Jika Anda seorang pengembang WordPress, tidak ada batasan untuk kustomisasi toko online Anda.

Namun, tidak demikian bagi mereka yang tidak paham teknologi. Jika demikian, Anda dapat menggunakan Penyesuai WooCommerce. Ini adalah bagian dari WordPress > Kustomisasi dan memungkinkan untuk memilih opsi yang berlaku di seluruh situs untuk Pemberitahuan Toko, Katalog Produk, dan Gambar Produk tanpa menyentuh kode apa pun.

Cara menemukan Penyesuai WooCommerce

Dari dasbor menu WordPress, buka Appearance > Customize . Ini akan membuka menu Kustomisasi . Pilih WooCommerce . Penyesuai WooCommerce

Di bagian ini, ada lima opsi:

  • Pemberitahuan Toko
  • Katalog Produk
  • Halaman Produk
  • Gambar Produk
  • Periksa sesuaikan WooCommerce

Pemberitahuan Toko

Bagian ini memungkinkan Anda memasukkan pesan di seluruh situs yang ditampilkan kepada semua orang yang mengunjungi toko Anda. Pesan ini dapat bersifat informasional atau promosional. Contoh pemberitahuan informatif adalah catatan yang memberi tahu pelanggan tentang keterlambatan pengiriman karena kondisi cuaca. Contoh pemberitahuan promosi adalah catatan yang mengiklankan acara, bundel, obral, atau pengiriman gratis.

Namun, Anda perlu memastikan bahwa Anda mengaktifkan pemberitahuan toko, seperti yang ditunjukkan pada gambar. Jika Anda menghapus centang pada kotak Aktifkan pemberitahuan toko, itu akan berhenti ditampilkan kepada pengunjung. Pemberitahuan Toko

Jika Anda puas dengan perubahannya, klik Publikasikan.

Selain itu, Anda dapat menjadwalkan pemberitahuan toko menggunakan opsi Jadwalkan. Opsi ini membantu menjalankan promosi untuk waktu terbatas atau mengakhiri diskon pada tengah malam pada tanggal tertentu. Pemberitahuan jadwal

Namun, penting untuk dicatat bahwa menghapus pemberitahuan tidak secara otomatis menghentikan promosi berjalan. Ini berarti Anda harus menonaktifkan diskon penjualan, kode kupon, atau penawaran waktu terbatas.

Katalog Produk

Bagian ini memungkinkan Anda untuk memilih:

  • Apa yang ditampilkan di halaman Toko
  • Apa yang ditampilkan di halaman Kategori
  • Cara mengurutkan produk dalam Kategori
  • Berapa banyak produk yang ditampilkan dalam satu baris
  • Berapa banyak baris produk untuk ditampilkan pada halaman? Katalog Produk

Opsi tampilan halaman Toko memungkinkan Anda untuk menampilkan Produk, Kategori, atau keduanya. Namun, saya sangat menyarankan Anda memilih satu untuk tampilan yang bersih. Tampilan halaman toko

Opsi tampilan Kategori dapat menampilkan Produk atau Subkategori dalam suatu Kategori, atau keduanya. Memilih salah satu dianjurkan. Tampilan kategori

Opsi penyortiran produk default memungkinkan Anda mengontrol produk mana yang ditampilkan. Ini memengaruhi bagaimana produk dilihat secara default di halaman Toko dan Kategori.

  • Penyortiran default (pemesanan khusus + nama) – menampilkan produk menurut abjad berdasarkan nama.
  • Urutkan berdasarkan Popularitas (penjualan) – tampilkan produk menurut jumlah yang terjual.
  • Urutkan berdasarkan Peringkat rata-rata – tampilkan produk berdasarkan peringkat ulasan rata-rata.
  • Urutkan menurut yang terbaru – tampilkan produk sesuai urutan penambahannya ke toko.
  • Urutkan berdasarkan harga (asc atau desc) – mengurutkan produk berdasarkan harga baik terendah ke tertinggi (asc) atau tertinggi ke terendah (desc). penyortiran produk default

Opsi Produk per baris memungkinkan Anda memilih jumlah item yang muncul dalam satu baris di halaman Toko dan Kategori. Di sisi lain, opsi Baris per halaman memungkinkan Anda memilih jumlah baris yang muncul di halaman Toko dan Kategori. Namun, akan lebih baik jika Anda peka terhadap ukuran gambar produk dan ruang yang tersisa di komputer/laptop, tablet, atau perangkat seluler. Pengaturan produk

Halaman Produk

halaman produk Bagian ini memiliki dua fitur:

  • Sticky Add-to-Cart – Ini adalah bilah konten di bagian atas jendela browser. Bilah ini mencakup informasi produk yang relevan dan tombol tambahkan ke troli. Lengket tambahkan ke troli
  • Product Pagination – Menampilkan link berikutnya dan sebelumnya pada halaman produk. paginasi

Gambar Produk

Gambar produk Bagian ini memungkinkan Anda memilih ukuran dan pemotongan gambar Katalog dan Gambar Mini. Selain itu, Anda dapat mengubah ukuran Katalog dan gambar Mini di seluruh situs di toko Anda saat perubahan yang dipublikasikan dibuat.

Jenis gambar yang didukung oleh opsi ini adalah:

  • Gambar katalog
  • Gambar kecil
  • Gambar produk tunggal

Periksa

Periksa Bagian ini memungkinkan Anda untuk mengatur apakah bidang tertentu diperlukan atau opsional tergantung pada data yang ingin Anda kumpulkan. Selain itu, Anda dapat memilih untuk menyorot bidang yang diperlukan dengan tanda bintang, yang merupakan default.

Selain itu, saya sangat menyarankan Anda membuat halaman Kebijakan Privasi dan Syarat dan Ketentuan. Tautan "kebijakan privasi" membuka halaman di jendela baru, sedangkan tautan "syarat dan ketentuan" membuka kotak di halaman yang menunjukkan konten halaman syarat dan ketentuan.

Kesimpulan

Dalam posting ini, saya telah menyoroti opsi yang ditemukan di WooCommerce Customizer. Jika Anda seorang pemula WordPress, Anda tidak akan kesulitan melihat perubahan yang Anda buat secara real-time. Namun, akan lebih baik jika Anda ingat bahwa desain Anda penting. Selain itu, ini akan memengaruhi pengalaman pengguna di toko WooCommerce Anda.

Artikel Serupa

  1. Cara Menambahkan Bidang Teks Kustom Woocommerce di Halaman Produk