Comment réorganiser les onglets du menu “Mon compte” de Woocommerce

Nous voilà dans la partie 2 de l’optimisation du menu “Mon compte” de Woocommerce.
Vous avez raté la première partie de ce tutoriel ? Aucun problème, c’est par ici.

 

Dans cet article, je vais vous expliquer comment réorganiser les onglets de la page “Mon compte”.

Petit flasback

Voilà où nous nous sommes arrêtés la dernière fois.

Nous avons ajouté l’onglet “Retours” mais comme le montre l’image ci-dessous, cet onglet se situe en dessous du bouton “Déconnexion”, ce qui n’est pas très logique.

Alors pour modifier cela, voici le code à ajouter, toujours dans le fichier functions.php de votre thème enfant :

				
					/**
 * Reorder account items.
 * 
 * @return array Ordered Items.
 */
function reorder_account_menu( $items ) {
    return array(
	        'dashboard'          => __( 'Dashboard', 'woocommerce' ),
	        'orders'             => __( 'Orders', 'woocommerce' ),
	        'edit-account'       => __( 'Edit Account', 'woocommerce' ),
	        'edit-address'       => __( 'Addresses', 'woocommerce' ),
	        'retours'           => __( 'Retours', 'woocommerce' ),
	        'customer-logout'    => __( 'Logout', 'woocommerce' ),
    );

}
add_filter ( 'woocommerce_account_menu_items', 'reorder_account_menu' );

				
			

Et voila le résultat :

Détaillons un peu ce code

Dans cette partie, nous pouvons voir les onglets du menu “Mon compte”, en anglais, mais cela n’a pas d’impact si vous avez bien renommé vos onglets dans les réglages de Woocommerce. Et donc apparait, en ligne 5, notre slug “retours” avec son titre.

 

Et si vous voulez modifier l’ordre du menu, il faut tout simplement modifier l’ordre des onglets.

Vous pouvez positionner la ligne 5 à la ligne 2 etc.

				
					        'dashboard'          => __( 'Dashboard', 'woocommerce' ),
	        'orders'             => __( 'Orders', 'woocommerce' ),
	        'edit-account'       => __( 'Edit Account', 'woocommerce' ),
	        'edit-address'       => __( 'Addresses', 'woocommerce' ),
	        'retours'           => __( 'Retours', 'woocommerce' ),
	        'customer-logout'    => __( 'Logout', 'woocommerce' ),
 
				
			

Testé sur WordPress 6.1.1 et Woocommerce 7.1

Un nouveau projet WordPress ? Besoin d’aide ?

Contactez-moi ou visitez mon site et je me ferais un plaisir de vous aider. 

Besoin d'un code personnalisé ?

Dire merci, c'est bien aussi.

Partagez cet article

0
Nous aimerions avoir votre avis, veuillez laisser un commentaire.x

Vous avez une question ?

Vous avez une question sur un article ?
Découvert un bug inexpliqué ? 😱
Ou vous avez des articles à me soumettre ? 🤔
N’hésitez pas à me contacter, je serais ravi de vous aider.

Parce que chaque projet est unique !

Pour une meilleure compréhension, merci de décrire au maximum votre projet, vos besoins, vos attentes…
Vous préférez en parler au téléphone, n’hésitez pas, je suis à votre écoute : 06 35 31 45 64

Tes modifications ont bien été sauvegardées

Bravo !

Vous êtes maintenant inscrit.

Votre réponse a bien été publiée

Votre demande a bien été envoyé, merci.

Le délai de réponse peut varier de 24h à 48h.
Merci de votre compréhension

J'ai besoin d'aide pour mon projet !

Sujet :
Comment réorganiser les onglets du menu “Mon compte” de Woocommerce