0

我需要为菜单 wordpress 中的一个项目制作一个单独的导航步行器。

当我悬停“商店”链接时,我只是有不同的布局。目前,我拥有的代码适用于所有元素:

class header_walker extends Walker_Nav_Menu {        
    //start of the sub menu wrap
    function start_lvl(&$output, $depth = 0, $args = array()) {
        $secondMenuClass = 'sub-menu__list';
        $wrapperScrollStart = '';
        if ($depth == 1) {
            $secondMenuClass = 'sub-menu__list sub-menu__list--scrollbar';
            $wrapperScrollStart ='<div class="sub-menu__inner">';
            $wrapperScrollEnd ='</div>';
        }
        $output .= '<div class="sub-menu"><div class="sub-menu__wrapper">'.$wrapperScrollStart.'<ul class="'.$secondMenuClass.'">';
    }

    //end of the sub menu wrap
    function end_lvl(&$output, $depth = 0, $args = array()) {
        $wrapperScrollEnd = '';

        if ($depth == 1) {
            $wrapperScrollEnd ='</div>';
        }

        $wrapperScrollEnd ='</div>';
        $output .= '</ul>'.$wrapperScrollEnd.'</div</div>';
    }

}

品牌悬停菜单

我需要做出一个条件,即此代码(即 start_lvl 和 end_lvl)适用于菜单中的所有项目,但 ID 为 259(商店 ID)的项目除外。

当我将鼠标悬停在“商店”元素上时,步行者变为: 店铺悬停状态

我应该如何为一个菜单制作两个导航步行器或如何正确解决它?仅更改 CSS 不会起作用。

4

0 回答 0