Hello friends, welcome to my another blog post, how to override product search box widget WooCommerce. If you are working with WooCommerce and want to customize WooCommerce default product search form into your own style then you are an incorrect place. Today I will show you how to override product search box widget WooCommerce step by steps.

Step 1:

At go to wp-content/plugins/woocommerce/templates folder, copy product-searchform.php file or if you are working with fileZilla then download the file into your computer and now go to wp-content/themes/your-default-theme folder. Here you create a folder called woocommerce and paste the file inside this folder or upload the file into this folder.

Step 2:





Open the file into you text editor and edit or customize the design and then save the file. Your own design will override WooCommerce default design.

The default markup of product-search-form.php is given below:

Now you know how to override the product search box widget WooCommerce. Please give your opinion below.

Spread the love
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
How to override product search box widget WooCommerce
Tagged on: