Fractionner le menu à onglets Mon compte WooCommerce

Question

Comment diviser le menu à onglets "Mon compte" de WooCommerce en trois sections différentes.

Voici le code actuel que je suis:

<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> 

Ce que je dois: J'ai 15 éléments de menu au total de diviser cette façon:

• Je veux envelopper d'abord 5 les articles dans les premiers <ul>
  
• puis quatre éléments dans la deuxième <ul>
  
• et reste en troisième <ul>

S'il vous plaît aidez-moi comment résoudre ce problème.

Merci

Answer 1

Ceci est très facile d'ajouter un compteur qui ajoutera </ul><ul> après le 5 et le 9 éléments de menu. Voir ci-dessous:

<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>