WooCommerce – Cara Menghilangkan Search Box di Header Tema Storefront

Blog ini (dulu) menggunakan tema bawaannya dari WooCommerce, yaitu Storefront. Dan di bagian header sebelah kanan terdapat fitur pencarian produk (search box).

Untuk sebagian orang mungkin merasa bagus dan bermanfaat. Tapi untuk saya kurang begitu berguna.

Alasannya adalah buat apa ada fitur pencarian produk sementara produknya saja masih bisa dihitung dengan jari. Jadi saya belum butuh-butuh banget fitur ini.

Mungkin kedepannya setelah produknya lebih banyak, fitur ini akan saya gunakan kembali. Tapi untuk saat ini akan saya hilangkan dulu.

Berikut ini cara yang saya lakukan untuk menghilangkan fitur pencarian produk di header tema Storefront.

Solusi

Caranya cukup mudah, saya hanya tinggal menambahkan beberapa baris script berikut ini.

function remove_sf_actions() {
   remove_action( 'storefront_header', 'storefront_product_search', 40 );
}

add_action( 'init', 'remove_sf_actions' );

Masuk ke menu Appearance > Theme Editor, dan di bagian kanan pilih Theme Functions (functions.php), lalu paste script diatas ke baris paling bawah.

Jangan lupa klik Update File. Selesai.

Cara ini punya satu kekurangan, yaitu jika tema Storefront nya di-update maka langkah yang barusan saya lakukan akan ketimpa/hilang dan menu pencarian produknya bakalan balik lagi.

Jadi saya harus melakukan langkah ini kembali jika saya update temanya.

Rekomendasi Solusi

Cara yang paling direkomendasikan adalah dengan meng-install plugin yang khusus untuk menambahkan script custom seperti script diatas.

Pilihannya ada banyak, salah satunya adalah Code Snippets.

Caranya juga cukup mudah, tinggal tambahkan snippet baru dan paste script diatas.

Jika saya menggunakan cara ini, maka setiap saya update tema Storefront nya, perubahannya tidak akan kembali seperti semula. Karena script custom untuk modifikasi temanya ada di plugin terpisah. Jadinya aman.

Semoga tutorial singkat ini bermanfaat.

Komentar