woocommerce - 切换汉堡菜单不适用于第二个导航

Question

我目前正在尝试通过 WooCommerce 在 Storefront 主题中设置辅助导航，但我无法使移动版本正常工作。我编写了这段代码，以便仅在所有 /shop 子类别中显示导航：

add_action( 'storefront_content_top', 'jp_shop_navigation' );
function jp_shop_navigation() {
    global $wp;
    $current_slug = add_query_arg( array(), $wp->request );

   if (strpos($current_slug, 'shop') !== false ) {
    ?>

    <nav id="site-navigation" class="main-navigation" role="navigation">
    <button class="menu-toggle" aria-controls="site-navigation" aria-expanded="false"><span><?php echo esc_attr( apply_filters( 'storefront_menu_toggle_text', __( 'Shop Menu', 'storefront' ) ) ); ?></span></button>

    <?php
    wp_nav_menu( array(
        'menu' => 'Shop',
    ) );
    ?>

    </nav><!-- #site-navigation -->
<?php
}
}

虽然我的主要手持菜单不会切换菜单“商店”。我目前正在浏览店面主题中的 navigation.js，但我的 javascript 功能非常有限，我觉得我在转圈。

也许你们中的某个人可以提供帮助？非常感谢

标签： woocommercemenuhamburger-menustorefronthandheld