针对特定产品的Woocommerce自定义导航菜单

Question

I am using Woocommerce plugin for my online services(not physical products) Just one of my service's page here: http://www.vaservicesph.com/product/whiteboard-animation-service-basic/

I'm also using Optimizepress theme on the site.

Here's what optimizepress have on header section(it's using the blog template for the woocommerce stuffs):

a. An option to add a nav menu at the top

b. An option to add a nav menu alongside the logo

Here's a screenshot of option -> screencast.com/t/zsrlLec9CH

And they will be located here on the page: -> screencast.com/t/djtqjaZZ5

*Please add http on my screencast links if it'll not work(sorry about this, I'm new to stackoverflow and need more points to post more links).

So if I enable a menu for my blog, they will appear on the top(alongside logo) and will also be used for my product page template(which is not good).

What I'd like to do is use a different menu for these specific service only. So whiteboard services will only have nav menus about whiteboard services related pages(that I specify).

How can I do this? Hope I'm clear to my question. Thank you!

-- Clint

Answer 1

You could register a second menu in your functions.php:

register_nav_menu( 'product', 'Product Menu' );

And then wherever you are displaying the main menu (possibly header.php) you can adjust it to use conditional logic to display the product menu in one case and your theme's primary menu in all others. For example:

if( function_exists('is_product') && is_product() ){
  wp_nav_menu( array( 'theme_location' => 'product' ) );
} else {
  wp_nav_menu( array( 'theme_location' => 'primary' ) );
}

This isn't meant to be a complete answer, but hopefully it gets you going in the right direction. You can use any kind of conditional logic that you'd like. Checking product categories might be a good idea if you put all your whiteboard products in the same category.