Coding

Menghapus Tombol ‘Add to Cart’ pada WooCommerce (WordPress)

WooCommerce dikenal sebagai salah satu plugin populer untuk mengelola e-commerce pada WordPress. Kita dapat mengelola barang jualan dari perihal memasukkan produk ke keranjang, melihat stok, info harga, cara transfer, hingga metode pengiriman produk dengan mudah menggunakan fitur ‘Add to Cart’ beserta layanan dasbor yang tersedia.

Namun, adakalanya kita tidak membutuhkan tombol ‘Add to Cart’ ke dalam sistem display produk kita. Kita sedang menginginkan sebuah halaman e-commerce yang hanya berfungsi untuk menampilkan produk. Urusan memesan produk langsung diserahkan kepada alamat kontak yang disediakan (biasanya melalui SMS atau alamat email menggunakan format tertentu).

Bagaimana cara menghapus tombol ‘Add to Cart’ tersebut? Tentu ada beberapa alternatif. Misalnya dengan menghapus atau hidden atau memberi batas komentar kode satu per satu pada atribut ‘Add to Cart’ di halaman-halaman yang mengandung tombol ‘Add to Cart’. Akan tetapi, cara tersebut mempunyai kekurangan, yaitu jika terjadi update plugin, maka kita harus melakukan hal tersebut berkali-kali.

Ada satu cara yang lebih mudah untuk menonaktifkan tombol ‘Add to Cart’ hanya dengan menambahkan baris kode berikut:

remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
remove_action( 'woocommerce_simple_add_to_cart', 'woocommerce_simple_add_to_cart', 30 );
remove_action( 'woocommerce_grouped_add_to_cart', 'woocommerce_grouped_add_to_cart', 30 );

Beberapa baris kode di atas, masukkan (copy-paste) ke dalam script functions.php yang ada di dalam root themes sistem WordPress Anda.

Contoh hasil penambahan kode di atas akan tampak sebagai berikut:

produkweb1
Tampilan awal (masih ada tombol ‘Add to Cart’)
produk-web1
Tampilan setelah ‘Add to Cart’ hilang

Semoga bermanfaat.

NB: Belakangan saya baru tahu, ada cara yang lebih mudah dan efektif ketimbang cara di atas, yaitu dengan melakukan instal plugin Woocommerce Catalog, plugin yang berfungsi untuk menonaktifkan fungsi Cart atau mengganti fungsi Woocommerce dengan moda katalog.

*diperbarui tanggal 2 Januari 2016

  • Nurrahmah Dewi

    makasih gan artikelnya ane lagi nyari2 artikel beginian….lagi oprek2 kagak bisa2 thks ya om…mau di coba dulu

    udeh di coba pake plugin itu masih tetep ada ya…???

  • ini yang saya cari thanks gan..