2017-08-06 126 views
0

我正在嘗試在wordpress中做每個父類別都有子類別的菜單,但是我想僅在父類別處於活動狀態時才顯示子類別?WordPress的每個父類別的子類別

我想做某事像這樣:

<ul> 
    <li class="active">Category 1</li> 
      <ul> 
       <li>Subcategory 1</li> 
       <li>Subcategory 2</li> 
      </u> 
    <li>Category 2</li> 
    <li>Category 3</li> 
</ul> 

我的菜單應該是這樣的:

in index: 

- Category 1 
- Category 2 
- Category 3 

in current category page: 

- Category 1 
    - Subcategory 1 
    - Subcategory 2 
    - Subcategory 3 
- Category 2 
- Category 3 

回答

0

使用此代碼:

下面是代碼,你可以使用:

$args = array(
    'option_none_value' => '-1', 
    'orderby'   => 'ID', 
    'order'    => 'ASC', 
    'show_count'   => 0, 
    'hide_empty'   => 1, 
    'child_of'   => 0, 
    'echo'    => 0, 
    'selected'   => 0, 
    'hierarchical'  => 1, 
    'name'    => 'cat', 
    'class'    => 'postform', 
    'depth'    => 0, 
    'tab_index'   => 0, 
    'taxonomy'   => 'category', 
    'hide_if_empty'  => false, 
    'value_field'  => 'term_id', 
); 

echo wp_dropdown_categories($args); 

Reference URL

+0

感謝與Woocommerce側邊欄菜單來實現這一點,我應該在哪裏粘貼它?我有側邊欄中的菜單,並顯示它:{<?php wp_nav_menu(array('theme_location'=>'primary','menu_class'=>'navbar-list','menu_id'=>'primary-menu')) ; ?>} – adkoski

+0

你需要用這個替換wp_nav_menu代碼。 –

+0

我檢查過了。這不是我正在尋找的。 – adkoski

0

如果您可以發送一個屏幕截圖或複製實際的HTML,我可能可以幫助您使用一些CSS來完成您想要實現的功能。

(右鍵點擊菜單 - >點擊檢查,這樣我們就可以看到HTML)

我能夠通過添加以下CSS

/* Hide all Sub Categories */ 
ul.product-categories li.cat-parent ul.children { 
    display: none; 
} 

/* Show Sub Categories when the parent is active */ 
ul.product-categories li.cat-parent.current-cat ul.children { 
    display: block; 
}