如何解决菜单 wordpress 中一项的自定义导航器
我需要为 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,$args = array()) {
$wrapperScrollEnd = '';
if ($depth == 1) {
$wrapperScrollEnd ='</div>';
}
$wrapperScrollEnd ='</div>';
$output .= '</ul>'.$wrapperScrollEnd.'</div</div>';
}
}
我需要设定一个条件,即此代码(即 start_lvl 和 end_lvl)适用于菜单中的所有项目,但 ID 为 259(商店 ID)的项目除外。
当我将鼠标悬停在 'shop' 元素上时,walker 变为:
如何为一个菜单制作两个导航器或如何正确解决? 仅更改 CSS 不会起作用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。