Menghilangkan Tombol Add to Cart Pada Woocommerce

Terkadang untuk menampilkan produk jasa atau menu pada restoran, Anda tidak memerlukan tombol "add to cart" pada website berbasis Woocommerce. Lalu bagaimana kita mengatur agar tidak semua produk menampilkan tombol add to cart?

Woocommerce menyediakan banyak hook untuk mengubah perilaku dasar dan juga template yang dapat ditimpa/overwrite sesuai keinginan.  Disini kita akan sedikit berkutat dengan filter hook, yaitu hook yang digunakan untuk mengubah suatu nilai default pada core/plugin WordPress.

Anda tidak perlu memahami kode-kode yang akan saya berikan. Namun jika Anda tertarik pada WordPress Programming, pengetahuan dasar PHP akan sangat membantu.

Membuat Aturan Pengisian Produk

Sebelum menulis kode, ada sedikit aturan tambahan yang perlu Anda ketahui. Anggap ini sebagai SOP dalam mengisi produk dalam bisnis Anda. Untuk setiap produk, pada tab Inventory, Anda harus memastikan isian "Manage stock?", jika tercentang (yes), maka tombol "add to cart" akan muncul pada front-end website Anda. Sebaliknya, tombol "add to cart" akan hilang.

Buatlah 2 produk dengan jenis pengaturan "manage stock" yang berbeda untuk melihat hasilnya nanti.

Mulai Menulis Kode

Pastikan Anda sudah memasang & mengaktifkan plugin code snippets. Tambahkan snippet baru, beri judul sesuai keinginan Anda. Kemudian pada bagian code, isi dengan kode dibawah ini:

Pastikan memilih pilihan "Only run on site front-end" agar hanya dijalankan pada halaman non-admin. Simpan dan aktifkan kemudian lihat hasilnya.

Jika Anda menggunakan versi Woocommerce yang lebih lama, Anda mungkin perlu menimpa fungsi bawaan Woocommerce sebagai berikut:

Mudah bukan ? Anda tidak perlu menjadi developer PHP untuk menambahkan (hanya) 4 baris kode diatas.

Happy WordPressing.