How to register a second menu for Woocommerce pages

Hi tagDiv team,

I need to register a separate menu for woocommerce product pages which have their own categories (shop is an addition to an online magazine which has its own menu).
I’m following your guide here: https://forum.tagdiv.com/main-menu/ , but when I click on Create new menu, nothing happens. See here:
https://postimg.org/image/k133g1vlz/
This is not the biggest problem. I can’t edit my existing menu! Also, I can’t open the screen options. Actually, I can’t do anything on this page. It is inactive for some reason.

I would like to use the same mega menu for the Woocommerce pages that comes with the theme.

Please support.

Thanks!

It was another plugin that caused the issue. It isn’t a common one, but a plugin from a local shipping agency that is a woocommerce addition.

I successfully created a new menu that includes woocommerce categories. I would like to display the new menu on all woocommerce category, tag and product pages. How is that possible?

Thanks

On another forum I found this code as a potential solution, but when I paste it in the child theme’s function.php all pages on the site incl. non-commerce pages stop loading, only a white screen.

// =============================================================================
// Sets Custom Menu For WooCommerce Shop
// =============================================================================

add_filter( ‘wp_nav_menu_args’, ‘custom_blog_menu’ );

function custom_blog_menu( $args ) {
if ( x_is_product() || x_is_product_index() ) {
$args[‘theme_location’] = ‘primary’;
$args[‘menu’] = ‘Custom Menu’;
}
return $args;
}

Can it be modified to work properly?

Thanks

Thanks Simion, much appreciated! But it doesn’t work for some reason…

I created the path and copied the respective file in my child theme, then added the following line of code on the suggested place in the php code: ‘w-menu’ => ‘w menu’ but it breaks the site. To try, I added the code in the respective file, in the respective parent theme’s folder (as you describe above) – it breaks the site again.

I have the shop menu created, just can’t create a new location- woocommerce pages.

Btw, just as a note, in case that matters – I use the following code to avoid loading woocommerce scripts on non-woocommerce pages:

add_action( ‘wp_enqueue_scripts’, ‘dequeue_woocommerce_styles_scripts’, 99 );

function dequeue_woocommerce_styles_scripts() {
if ( function_exists( ‘is_woocommerce’ ) ) {
if ( ! is_woocommerce() && ! is_cart() && ! is_checkout() ) {
# Styles
wp_dequeue_style( ‘woocommerce-general’ );
wp_dequeue_style( ‘woocommerce-layout’ );
wp_dequeue_style( ‘woocommerce-smallscreen’ );
wp_dequeue_style( ‘woocommerce_frontend_styles’ );
wp_dequeue_style( ‘woocommerce_fancybox_styles’ );
wp_dequeue_style( ‘woocommerce_chosen_styles’ );
wp_dequeue_style( ‘woocommerce_prettyPhoto_css’ );
# Scripts
wp_dequeue_script( ‘wc_price_slider’ );
wp_dequeue_script( ‘wc-single-product’ );
wp_dequeue_script( ‘wc-add-to-cart’ );
wp_dequeue_script( ‘wc-cart-fragments’ );
wp_dequeue_script( ‘wc-checkout’ );
wp_dequeue_script( ‘wc-add-to-cart-variation’ );
wp_dequeue_script( ‘wc-single-product’ );
wp_dequeue_script( ‘wc-cart’ );
wp_dequeue_script( ‘wc-chosen’ );
wp_dequeue_script( ‘woocommerce’ );
wp_dequeue_script( ‘prettyPhoto’ );
wp_dequeue_script( ‘prettyPhoto-init’ );
wp_dequeue_script( ‘jquery-blockui’ );
wp_dequeue_script( ‘jquery-placeholder’ );
wp_dequeue_script( ‘fancybox’ );
wp_dequeue_script( ‘jqueryui’ );
}
}
}

Thanks for your support!

Hi Simion,

It was a single missing comma (,) that was causing the issue 🙂
It works now as needed!

An enormous THANKS for your support! You’re the best!

Hey Simion,

I need to change the default site menu with the shop menu on the Cart and the Checkout pages too. What do I need to add to the code?

Thank you!

Cheers for that!

Hey guys,

I recently found out that the shop menu dedicated to woocommerce pages is not showing on mobile, but only on desktop devices. Instead of it, the primary site menu appears. Any ideas what else should be changed in order to fix this?

Thank you.

Cool, it works, thanks!

Guys, it seems that there’s one more thing – the visual part. The styling (padding, capitalizing, hover effect etc.) of the drop down menus in the menu dedicated to woocommerce pages appear differently compared to the styling of the default drop down menu.
Please see here: http://imgur.com/a/UJ9VH

I need to fix this only for the desktop version of the menu.

Any help will be much appreciated.
Thanks.

Hey Simion,

please visit bit.ly/2vj1QS2

Thanks

Hi,

here’s my code:

if (is_woocommerce() or is_cart() or is_checkout() ) {
wp_nav_menu(array(
‘theme_location’ => ‘w-menu’,
‘menu_class’=> ‘sf-menu’,
‘fallback_cb’ => ‘td_wp_page_menu’,
‘walker’ => new td_tagdiv_walker_nav_menu()
));}

else {
wp_nav_menu(array(
‘theme_location’ => ‘header-menu’,
‘menu_class’=> ‘sf-menu’,
‘fallback_cb’ => ‘td_wp_page_menu’,
‘walker’ => new td_tagdiv_walker_nav_menu()
));

}

It’s the same as yours, isn’t it?

I definitely need a solution for this as half of the traffic to the site is from desktop devices.

Thanks

A quick note, in case it helps – I’m using a child theme

It works, but I found another issue – the cart and checkout pages use the default menu on mobile, but not the woocommerce menu. How to fix that?

Thanks

I added the missing part of the code before your reply 🙂