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

Question

如何将 "My Account" 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>
然后第二个 4 项 <ul>
第三名休息<ul>

请帮我解决这个问题。

谢谢

Answer 1

添加一个计数器非常容易，它将在第 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>

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

Split the My Account WooCommerce tabbed menu

php

account

wordpress

menu

woocommerce