拆分"我的帐户WooCommerce"选项卡式菜单



如何将"我的帐户"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>

最新更新