Adding the WooCommerce Search Bar to Your Menu
If you would like to get a WooCommerce Search Bar right below or above your menu, follow these steps. After activating the plugin and rebuilding the search index, the next step is to decide where and how you want the live search to appear on your site.
If you’d like to include the search icon in your site’s main navigation menu, follow these steps:
-
Go to Appearance → Menus in your WordPress admin dashboard.
-
On the left side, you will see a new box labeled Swift Search Item.
-
Click the “Add to Menu” button under the Swift Search Icon.
-
Drag and drop the new menu item into the desired position within your menu structure.
-
Click “Save Menu” to apply the changes.
Once added, the search icon will appear in your site’s navigation, styled to blend seamlessly with your current theme.
This option is ideal for themes where space is limited in the header or you prefer a cleaner design.
