簡體   English   中英

拆分我的帳戶WooCommerce選項卡式菜單

[英]Split the My Account WooCommerce tabbed menu

如何在三個不同的部分中拆分“我的帳戶” 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>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM