WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have my menu set up like so:

  • Shop Online (WPeC 'Products Page' page)
    • Product Category (WPeC Category)
    • Product Category (WPeC Category)
      • Product Sub Category (WPeC Category)
      • Product Sub Category (WPeC Category)
    • ...

Single product pages are viewable from any category or sub category page as they both show the product listing view.

Now when I select either Shop Online, a product category or sub-category the menu updates it's CSS classes to match the current hierachy with the usual (example) current-menu-page, current-menu-ancestor and current-menu-parent among others. It doesn't matter if I click on the menu or the category listing on the Shop Online page to get there.

For some reason as soon as I view a product singularly (domain.tld/product-cat/sub-cat/product-single or domain.tld/product-cat/product-single), the menu classes are removed and I lose my menu highlighting because the classes are no longer there.

Is there a way that I can reflect the single product view in the menu by highlighting the current category/ies that the product is in, as well as the Shop Online menu item/link respective of how you got to the product?

WP v3.5

WPeC v3.8.9.4

share|improve this question
up vote 3 down vote accepted

Looking for a solution for the same problem, I came across this:

add_filter( 'nav_menu_css_class', 'add_parent_url_menu_class', 10, 2 );

function add_parent_url_menu_class( $classes = array(), $item = false ) {
    // Get current URL
    $current_url = current_url();

    // Get homepage URL
    $homepage_url = trailingslashit( get_bloginfo( 'url' ) );

    // Exclude 404 and homepage
    if( is_404() or $item->url == $homepage_url ) return $classes;

    if ( strstr( $current_url, $item->url) ) {
        // Add the 'parent_url' class
        $classes[] = 'parent_url';

    return $classes;

function current_url() {
    // Protocol
    $url = ( 'on' == $_SERVER['HTTPS'] ) ? 'https://' : 'http://';
    $url .= $_SERVER['SERVER_NAME'];

    // Port
    $url .= ( '80' == $_SERVER['SERVER_PORT'] ) ? '' : ':' . $_SERVER['SERVER_PORT'];
    $url .= $_SERVER['REQUEST_URI'];
    return trailingslashit( $url );

Code from: http://www.rarescosma.com/2010/11/add-a-class-to-wp_nav_menu-items-with-urls-included-in-the-current-url/

Hope it helps!

share|improve this answer
Just a quick follow up, it adds the class "parent_url" to the parent list item. – Ryan May 7 '13 at 10:55
I'll have to try it out tomorrow, although I've moved on from WPeC to Woocommerce :) Thanks! – Jarryd Crawford May 8 '13 at 12:52

As explained by a support tech over at getshopped.org:

[sic] is actually a limitation of the WordPress menu system. I am unaware of a way to change this behavior. Possibly you could find a menu plugin and make your menu area a widget where you could add the menu by widget that provides an enhanced menu system.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.