Cara menghilangkan Tombol Add To Cart WooCommerce di WordPress

By Author infomatek Senin, 25 Maret 2019

Share Tweet Share Share Email

WooCommerce adalah plugin WordPress yang sangat populer untuk membuat e-Commerce (Toko Online), dengan total unduhan lebih dari 63 juta saat ini, WooCommerce memiliki peran penting dalam perkembangan toko online. Hampir tidak ada kendala pasti saat install plugin ini di WordPress, dukungan dari kontributor dan dokumentasi yang memadai juga berperan besar dalam mendukung user ketika memakai plugin WooCommerce ini.


WooCommerce memiliki fitur yang namanya "Add to cart", pada fitur ini anda bisa menambahkan produk belanjaan ke keranjang, melihat total belanjaan, melihat metode (cara) berbelanja dan pembayaran saat berbelanja. Namun kadang fitur "Add to cart" tidak dibutuhkan karena sistem pembayaran semua terfokus menggunakan WhatsApp, memang menggunakan WhatsApp menjadi magnet tersendiri karena pengguna WhatsApp yang sangat banyak.

Selain itu dengan sistem pembelian yang fokus menggunakan WhatsApp dapat mengurangi pengeluaran biaya untuk membeli plugin seperti plugin ongkos kirim dan plugin pembayaran via transfer bank. Anda hanya perlu menaruh tombol live chat via WhatsApp untuk menghubungkan toko online anda dengan customer, bagi anda yang membutuhkan tutorial cara menambahkan tombol live chat WhatsApp di toko online silahkan baca artikel dibawah ini.

Baca Juga : Cara Membuat Live Chat WhatsApp di WordPress

Nah, jika fitur "Add to cart" ini sudah tidak dibutuhkan, silahkan anda hapus fitur tersebut dari WooCommerce anda, caranya silahkan ikuti langkah-langkah dibawah ini.

Cara menghilangkan Tombol Add To Cart WooCommerce di WordPress

Langkah 1 - Masuk Ke Dashboard WordPress

Login ke halaman dashoard wordpress anda, kemudian pilih menu Appearance -> Customize kemudian pilih menu Additional CSS, pada halaman tersebut anda bisa menambahkan CSS tambahan untuk menghilangkan tombol "Add to cart" pada thumbnail katalog dan pada tampilan single produk.

Langkah 2 - Tambahkan Kode Berikut

Tambahkan kode berikut ini untuk menghilangkan tombol "Add to cart".

form.cart {display: none!important;/* Menghilangkan button pada single produk */
}
.woocommerce .products .add_to_cart_button {display: none!important;/* Menghilangkan button pada thumbnail produk/produk katalog */}

Lihat hasilnya setelah tombol "Add to cart" di hilangkan.

Gambar sebelum tombol "Add to cart" di hilangkan.

Gambar sesudah tombol "Add to cart" di hilangkan.

Kesimpulan

Tombol "Add to cart" pada WooCommerce bisa dihilangkan menggunakan sort program dengan menambahkannya pada CSS tambahan, seperti yang sudah kita ketahui bahwa fitur "Add to cart" adalah fitur untuk menampung belanjaan saat berbelanja di toko online, akan tetapi ada sebagian owner dari toko online lebih memilih menfokuskan semua kegiatan dan transaksi lewat SMS atau dengan WhatsApp.

Akhirnya fitur "Add to cart" harus di hapus karena tidak dibutuhkan lagi, jika fitur ini di hilangkan, praktis di toko online hanya untuk menampilkan barang, tidak ada sistem transaksi internal lagi di dalam toko online tersebut.

Demikian tutorial ini, semoga bermanfaat bagi anda yang sedang mencari tutorial seperti ini. Jika ada masukan dan saran terkait bahasan ini, silahkan tinggalkan komentar dibawah ini. Selamat Mencoba!