Search form on header not popup

[digit01]

Hello,

I want to add the search form to the header, I don’t want it to pop up.

I also want it fixed on the header for mobile.

Kindly help with this

[Harry]

Hi,

Please do the steps:

– Install this plugin https://wordpress.org/plugins/ajax-search-for-woocommerce/

– Copy file layout-3.php in claue > views > header to claue-child > views > header

– Please change code on layout-3.php line 78-79

<?php if ( cs_get_option( 'header-search-icon' ) ) : ?>
	<a class="sf-open cb chp hidden-xs" href="javascript:void(0);"  title="<?php echo esc_html__( 'Search', 'claue' ); ?>"><i class="pe-7s-search"></i></a>
<?php endif; ?>

to

<?php echo do_shortcode ('[wcas-search-form]') ?>

– And change code from line 97 – 103

<form class="header__search w__100 dn pf" role="search" method="get" action="<?php echo esc_url( home_url( '/' ) ); ?>" <?php jas_claue_schema_metadata( array( 'context' => 'search_form' ) ); ?>>
	<div class="pa">
		<input class="w__100 jas-ajax-search" type="text" name="s" placeholder="<?php //echo esc_html__( 'Search for...', 'claue' ); ?>" />
		<input type="hidden" name="post_type" value="product">
	</div>
	<a id="sf-close" class="pa" href="#"><i class="pe-7s-close"></i></a>
</form><!-- #header__search -->

to

<div class="header__search w__100 dn pf">
	<div class="pa">
		<?php echo do_shortcode ('[wcas-search-form]') ?>
	</div>
	<a id="sf-close" class="pa" href="#"><i class="pe-7s-close"></i></a>
</div><!-- #header__search -->

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts