用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>

尝试一下