Solved Change to WooCommerce Product Search

Our search coding is in the divi-ultimate-header-plugin.php file.

You just need to go to Plugins -> Editor -> select Divi Ultimate Header Plugin -> find Add Search & Cart Start -> apply your changes there.

 

Look for:
$du_search_outer = sprintf( '<input type="search" class="et-search-field" placeholder="%1$s" value="%2$s" name="s" title="%3$s" />',

Replace with:
$du_search_outer = sprintf( '<input type="search" class="et-search-field" placeholder="%1$s" value="%2$s" name="s" title="%3$s" /><input type="hidden" name="post_type" value="product" />',

 

You should look for add search & cart, not add search and cart

Then look the below & replace it. Or you can just search for below & replace it:

Look for:
$du_search_outer = sprintf( '<input type="search" class="et-search-field" placeholder="%1$s" value="%2$s" name="s" title="%3$s" />',

Replace with:
$du_search_outer = sprintf( '<input type="search" class="et-search-field" placeholder="%1$s" value="%2$s" name="s" title="%3$s" /><input type="hidden" name="post_type" value="product" />',

If you wish to add the product search as a module, you can easily achieve that with sidebar module.

First, go to Appearance > Widgets to create a new widget area & add Product Search widget in it. See screenshot below.



Then, you just need to proceed to add the sidebar module & select the new widget area & done. See screenshot below.

 

Yup. There's no styling options for that. You will need custom CSS to style it.