• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Different Menu On WooCommerce Pages

This code works in any child theme function file and enables you to use a different menu when WooCommerce pages are loaded.

In this case we change the footer menu only when WooCommerce pages are displayed.

Installation Steps

Step 1 : Create a new menu named wc-products and add your WooCommerce menu items to this menu.

Step 2 : Copy & paste the PHP code to the end of your child themes functions file or custom functionality plugin.

Download Folder

Menu Setup

The menu location in the code equals secondary because the Genesis Sample child theme repositions the secondary menu from after header to footer location.

WooCommerce Menu
WooCommerce Menu
Default Footer Menu
Default Footer Menu
Menu Location
Menu Location

Swap out secondary in the code to match your footer location.

The default footer menu shown on all non WooCommerce pages is named footer.

See the image under the Code Explanation sub header on this page for more detail.

Prefer a 3rd menu? Try this solution.

Nav Menu WooCommerce

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.