So we have integrated WooCommerce into the Genesis framework and we have hooked the shopping cart to the genesis_header_right area. But what about the WooCommerce product search bar? Well, in this short tutorial we’re gonna add the WooCommerce product search to the secondary navigation. Just follow these simple steps.
Add the following code to the functions.php of your Genesis child theme.
With this code we extend the primary navigation with an extra list item. This list items contains the WooCommerce Search box.
The styling of the search box depends on your child theme. Here is just some basic CSS to help you get going.
That’s all. It is as simple as this. Enjoy the ride!