Hello @temppelinemanta,
Lifestyle is theme for blog, to make it works with WC correctly some addition customization should be done. Add this code in functions.php of child theme:
function etheme_search_form() {
$search_view = etheme_get_option('search_view');
$header = etheme_get_header_type();
if( etheme_get_header_structure( $header ) == 4 || $header == 17 ) {
$search_view = 'modal';
}
?>
<div class="header-search">
<?php if($search_view == 'dropdown'): ?>
<div class="et-search-trigger search-with-form">
<a class="popup-with-form"><i class="fa fa-search"></i> <span><?php esc_html_e('Search', 'lifestyle'); ?></span></a>
<?php
// if(!class_exists('WooCommerce')) {
get_search_form();
// } else {
// get_template_part('woosearchform');
// }
?>
</div>
<?php else : ?>
<div class="et-search-trigger search-dropdown">
<a class="popup-with-form" href="#searchModal"><i class="fa fa-search"></i></a>
<?php
// if(!class_exists('WooCommerce')) {
get_search_form();
// } else {
// get_template_part('woosearchform');
// }
?>
</div>
<?php endif; ?>
</div>
<?php
}
function etheme_search_form_modal() {
?>
<div id="searchModal" class="mfp-hide modal-type-1 zoom-anim-dialog" role="search">
<div class="modal-dialog text-center">
<h3><?php esc_html_e('Search engine', 'lifestyle'); ?></h3>
<small class="mini-text"><?php esc_html_e('Use this form to find things you need', 'lifestyle'); ?></small>
<?php
// if(!class_exists('WooCommerce')) {
get_search_form();
// } else {
// get_template_part('woosearchform');
// }
?>
</div>
</div>
<?php
}
Regards