Snippet menampilkan custom search product

August 19, 2018 Artikel,Snippets Kholis net

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>

 

 

50 total views, 1 views today

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Yes No