将本机搜索替换为WooCommerce产品搜索

Question

我在经营一家婴儿服装店的主题名为melokids的商店。

我正在努力尝试用Woo Commerce替换主题的本地搜索功能，这是有意义的，对吧？

如果任何人对此有任何想法，我将不胜感激，以下是我相信的当前搜索功能：

<?php
if(!function_exists('melokids_header_search')){
  function melokids_header_search($args=[]){
    $args = wp_parse_args($args, ['icon' => 'fa fa-search']);
    $header_search = melokids_get_opts('header_search','0');
    if('0' === $header_search) return;
    wp_enqueue_script('magnific-popup');
    wp_enqueue_style('magnific-popup');
    $unique_id = esc_attr( uniqid( 'search-form-' ) );
?>

<a href="#zk-header-search" class="mfp-search">
  <span class="<?php echo esc_attr($args['icon']);?>"></span>
</a>
<div id="zk-header-search" class="mfp-hide">
  <form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( '/' ) ); ?>">
    <input type="search" id="<?php echo esc_attr($unique_id); ?>" class="search-field" placeholder="<?php echo esc_attr_x( 'Type something to search ...', 'placeholder', 'melokids' ); ?>" value="<?php echo get_search_query(); ?>" name="s" />
    <button type="submit" class="search-submit"><span class="screen-reader-text"><?php echo _x( 'Search', 'submit button', 'melokids' ); ?></span></button>
  </form>
</div>

<?php
        }
    }
?>

Answer 1

<form role="search" method="get" class="woocommerce-product-search form-inline" action="<?php echo esc_url( home_url( '/' ) ); ?>">
    <input type="search" id="woocommerce-product-search-field-0" class="search-field form-control" placeholder="Search…" value="" name="s">
    <button type="submit" id="searchsubmit" value="Search" class="btn">Search</button>
        <input type="hidden" name="post_type" value="product">
    </form>

尝尝这个