Sridhar Katakam

Genesis and WordPress Tutorials

How to conditionally replace menu in Primary Navigation with Product Categories and their terms on WooCommerce pages in Genesis

by Leave a Comment

While it is straight forward to manually add WooCommerce Product Categories and their terms as menu items and sub menu items of a custom menu in WordPress, in this article I show how we can set up a custom menu to automatically show all Product Categories and the corresponding terms as sub menus. Additionally we shall replace a menu assigned to Primary Navigation Menu theme location with our "Product Categories" menu on all WooCommerce pages and add automatic sub menu indicators using Font Awesome.

Non WooCommerce page:

standard-menu

Any WooCommerce page:

product-categories-menu

product-categories-menu-expanded-hover

Step 1

To view the full content, please sign up for the membership.

Already a member? Log in below or here.

>