Change Search results to products search results (Woocommerce)

Hey mrb1972,

I’m not sure I understand what you mean, do you want searches to only return product results?

Best regards,
Rikard

Hi,

You can’t set the ajax search to return the product search results but you can replace it with the product search widget. Disable the default search icon and then add the following filter in the functions.php file.

add_filter( 'wp_nav_menu_items', 'woocommerce_product_search_mod', 9997, 2 );
function woocommerce_product_search_mod( $items, $args )
{
  ob_start();
  ?>
  <form role="search" method="get" class="woocommerce-product-search" action="<?php echo esc_url( home_url( '/' ) ); ?>">
  	<label class="screen-reader-text" for="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>"><?php _e( 'Search for:', 'woocommerce' ); ?></label>
  	<input type="search" id="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>" class="search-field" placeholder="<?php echo esc_attr__( 'Search products&hellip;', 'woocommerce' ); ?>" value="<?php echo get_search_query(); ?>" name="s" />
  	<input type="submit" value="<?php echo esc_attr_x( 'Search', 'submit button', 'woocommerce' ); ?>" />
  	<input type="hidden" name="post_type" value="product" />
  </form>
  <?php
  $form = ob_get_clean();
  $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special">'.$form.'</li>';
  return $items;
}

It may require a few css adjustments.

Best regards,
Ismael