Elementor telah memberi banyak kemudahan dan kebebasan untuk kita berkreasi pada saat kita membuat website, terutama pada saat kita membuat Search Result Page. Jika kita hanya mengandalkan tampilan bawaan dari wordpress maka apa yang ditampilkan terbatas. Sedangkan dengan elementor kita bisa melakukan kustomisasi yang sesuai dengan kebutuhan kita.
Buat “Search Result Page” dengan Elementor
Pertama – tama buat dulu halaman Search Result di elementor. Anda bisa masuk ke Templates > Saved Templates > Add New > Set template yang ingin dibuat menjadi Search Result
Tampilkan hanya post di Search Result
Secara default , wordpress akan menampilkan semuanya ke hasil pencarian termasuk di dalamnya post , pages , gambar , file PDF dan banyak lagi. Dan keinginan kita adalah agar hal random tidak muncul dalam pencarian kita.
Anda bisa menambahkan kode berikut di functions.php :
(Kode di bawah membatasi hasil pencarian menjadi “post only”)
if (!is_admin()) {
function wpb_search_filter($query) {
if ($query->is_search) {
$query->set('post_type', 'post');
}
return $query;
}
add_filter('pre_get_posts','wpb_search_filter');
}
Tampilkan hanya Product di Search Result
Jika kita memiliki produk di website kita , maka masuk akal jika kita hanya ingin menampilkan produk di website kita. Ini akan meningkatkan sales dan membantu pelanggan untuk mencari produk yang mereka memang ingin cari.
Anda bisa menambahkan kode berikut di functions.php :
// Only show products in the front-end search results
add_filter('pre_get_posts','lw_search_filter_pages');
function lw_search_filter_pages($query) {
// Frontend search only
if ( ! is_admin() && $query->is_search() ) {
$query->set('post_type', 'product');
$query->set( 'wc_query', 'product_query' );
}
return $query;
}
Kesimpulan
Dengan membagi hasil pencarian menjadi lebih spesifik maka pelanggan atau visitor menjadi lebih mudah untuk mendapat apa yang mereka benar – benar cari
Apakah artikel ini membantu?
