Cara menghilangkan tombol Add to Cart di WooCommerce

Membuat situs toko online tidaklah harus menggunakan keranjang belanja untuk transaksinya, kadang untuk beberapa jenis toko atau dagangan kita hanya memerlukan membuat katalog barang saja. Khusus untuk WordPress pasti solusi ecommerce yang terkenal adalah WooCommerce.

Salah satu jenis toko yang ingin setiap transaksinya harus offline (bertemu langsung tatap muka) adalah rental atau penyewaan barang. Contoh kasusnya saya sedang mengembangkan situs peminjaman kamera digital dan permintaan pemiliknya bahwa jangan sampai ada kemampuan memasukkan barang kedalam keranjang belanja (fitur Add to Cart) pada halaman produknya.

woocommerce-masukkan-keranjang

Jadi fungsi websitenya bisa dikatakan adalah sebuah company profile dengan tambahan katalog produk online. Masalahnya pada WooCommerce tidak ada opsi untuk mematikan fitur cartnya, malah salah satu developernya menjual extension untuk menjadikan WooCommerce hanya sebagai katalog barang saja.

Tapi jangan khawatir apalagi mencari warez atau bajakan karena berbahaya terhadap keamanan website anda, selain itu kita juga sekaligus menghargai hak cipta pembuatnya.

Sekarang saya akan mengajarkan secara gratis cara menghilangkan tombol Masukkan ke Keranjang dari halaman produk. Kita akan menggunakan trik CSS untuk menyembunyikan tampilan tombolnya seperti berikut:
form.cart {
display: none!important;
}

Bisa dilihat memang tidak ada yang dihapus, cuma tampilannya saja disembunyikan saat dibuka halamannya.

Dimana potongan kode CSS diatas dimasukkan? Kalau pada theme WordPress yang anda gunakan ada setting untuk custom.css maka tinggal copy-paste saja. Contohnya disini saya memakai salah satu tema dari ElegantThemes yang memiliki opsi tersebut.

wordpress-theme-custom-css

Kalau pada tema anda tidak memiliki opsi ini maka antara install plugin Jetpack ada opsi Custom CSS pada mode Customize, atau membuat child theme dan tambahkan kode diatas dalam file style.css.

Solusi ini lebih aman daripada mengedit file tema WordPress berdasarkan pengalaman saya, dan memang saya sempat mengalami error PHP dalam usaha menghapus tombol Masukkan ke keranjang pada halaman produk WooCommerce secara permanen.

Bagi yang sudah ahli dalam pemrograman web pasti tertawa melihat solusi ini. 😀

17 pemikiran pada “Cara menghilangkan tombol Add to Cart di WooCommerce”

    • Selamat malam Najma, maksudnya featured product di halaman utama (homepage) dan dalam bentuk daftar barang (bukan spesifik per produk seperti tutorial diatas)?

      Kalau ini tergantung tema WordPress yang anda gunakan karena bisa berbeda kodenya, dan ada kemungkinan harus mengedit kode PHP tema dan juga CSSnya.

      Mungkin bisa dimulai anda menggunakan tema WordPress yang mana? Siapa tahu saya bisa membantu sebisanya. Bukan programmer web sih. Hehe. 😀

  1. mas admin, halaman cart, ceck out dan page bawaan wooecomerce sudah saya hapus permanen, karena dulu saya kira itu tidak berfungsi, untuk membuatnya muncul kembali kodenya apa ya mas, mohon di balas

    Balas
    • Halo, wah… anda menghapusnya pakai cara apa mas? Daripada susah – susah kalau install ulang WooCommerce saja bagaimana mas? Datanya dibackup dulu tentunya.

  2. datanya gak bisa balik lagi mas, saya hapus dengan tombol hapus, trus kan muncul tu folder sampah, disitu saya klik dan saya hapus permanan, saya udah berkali kali ulang instal tapi ndak bisa muncul kembali mas,

    Balas
    • Sebentar mas, satukan visi dan misi dulu. 🙂

      Ini bisa dijelaskan maksudnya dihapus lewat mana? File .php-nya? Install ulang ini WooCommercenya saja atau sekalian WordPressnya?

Tulis komentar...