Menghilangkan Search Box di Header Tema Storefront WordPress

Jika kita menggunakan WooCommerce dan tema bawaannya yaitu Storefront, maka di header sebelah kanan terdapat search box atau kolom pencarian untuk mencari produk.

Search box ini bisa dihilangkan dengan 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, di bagian paling kanan pilih Theme Functions (functions.php), lalu paste script diatas ke baris paling bawah. Jangan lupa klik Update File. Selesai.

Theme Functions untuk edit fungsi tema

Cara ini punya satu kekurangan, yaitu jika tema Storefront nya di-update maka langkah yang barusan dilakukan akan hilang dan search box nya akan balik lagi.

Jadi kita harus melakukan langkah ini lagi jika temanya di update.

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 kita menggunakan cara ini, maka setiap update tema Storefront, perubahannya masih akan tetap tersimpan. Karena script custom untuk modifikasi temanya ada di plugin terpisah. Jadinya aman.

Leave a Reply