如何将"我的帐户"WooCommerce选项卡式菜单拆分为三个不同的部分。
这是我得到的当前代码:
<nav class="woocommerce-MyAccount-navigation">
<ul>
<?php foreach ( wc_get_account_menu_items() as $endpoint => $label ) : ?>
<li class="<?php echo wc_get_account_menu_item_classes( $endpoint ); ?>">
<a href="<?php echo esc_url( wc_get_account_endpoint_url( $endpoint ) ); ?>"><?php echo esc_html( $label ); ?></a>
</li>
<?php endforeach; ?>
</ul>
</nav>
我需要什么:我总共有 15 个菜单项可以这样拆分:
- 我想将前 5 个项目包装在第一个
<ul>
- 然后在第二个
<ul>
中 4 个项目 - 并在第三
<ul>
休息
请帮助我如何解决此问题。
谢谢
添加计数器非常简单,该计数器将在第 5 个和第 9 个菜单项之后添加</ul><ul>
。见下文:
<nav class="woocommerce-MyAccount-navigation">
<ul>
<?php
$count = 0; // Initializing the count variable
foreach ( wc_get_account_menu_items() as $endpoint => $label ) :
?>
<li class="<?php echo wc_get_account_menu_item_classes( $endpoint ); ?>">
<a href="<?php echo esc_url( wc_get_account_endpoint_url( $endpoint ) ); ?>"><?php echo esc_html( $label ); ?></a>
</li>
<?php
$count++; // increasing count
if($count == 5 || $count == 9 ) echo '</ul><ul>'; // Adding <ul>
endforeach;
?>
</ul>
</nav>