Snippet menampilkan custom search product

Caranya sangat mudah, script ini bisa kamu tambahkan dimana saja. Sesuai judul, script ini jika kamu ingin menampilkan kolom pencarian khusus produk pada WooCommerce.

 <?php
$form = '<form role="search" method="get" id="searchform" action="' . esc_url( home_url( '/' ) ) . '">
 <label class="screen-reader-text" for="s">' . __( 'Search for:', 'woocommerce' ) . '</label>
 <input class="search_input_product" type="text" value="' . get_search_query() . '" name="s" id="s" placeholder="' . __( 'Search', 'woocommerce' ) . '" />
 <span style="color: #a8692c;">| <i class="fa fa-search"></i></span>
 <input type="hidden" name="post_type" value="product" />
</form>
';
echo $form;?> 

Sedangkan script di bawah ini adalah Custom form untuk pencarian artikel, kamu juga bebas menempatkan script ini dimana saja.


<form method="get" action="<?php echo home_url( '/' ); ?>" id="search">
<input type="text" size="10" name="s" value="Search..." onBlur="if (this.value == '') {this.value = 'Search...';}" onFocus="if (this.value == 'Search...') {this.value = '';}" class="search_input" placeholder="Search..."/>
<span style="color: #a8692c;">| <i class="fa fa-search"></i></span></li>
</form>

 

 

WhatsApp chat