Créer un onglet dans la page Mon Compte et insérer un template elementor dedans

Ce code va vous permettre d’ajouter un onglet personnalisé dans la page mon compte de woocommerce et d’insérer dans cet onglet un shortcode elementor et d’injecter un modèle personnalisé.

Remplacez « facture-client » par ce que vous souhaitez à trois endroits
Enfin, toutes les lignes mise en avant sont à modifier par vos besoins.

				
					/*Ajout d'un onglet dans le compte client pour demander la facture - Add a new tabs inside the WooCommerce My Account */
/**
 * 1. Enregistrer l'endpoint
 */
function wycan_facture_register_endpoint() {
    add_rewrite_endpoint( 'facture-client', EP_ROOT | EP_PAGES );
}
add_action( 'init', 'wycan_facture_register_endpoint' );

/**
 * 2. Déclarer la query var auprès de WooCommerce
 */
function wycan_facture_query_vars( $vars ) {
    $vars[] = 'facture-client';
    return $vars;
}
add_filter( 'woocommerce_get_query_vars', 'wycan_facture_query_vars' );

/**
 * 3. Ajouter l'onglet dans le menu Mon compte (avant "Déconnexion")
 */
function wycan_facture_menu_item( $items ) {
    $logout = $items['customer-logout'] ?? null;
    unset( $items['customer-logout'] );

    $items['facture-client'] = __( 'Demander une facture', 'wycan' );

    if ( $logout ) {
        $items['customer-logout'] = $logout;
    }

    return $items;
}
add_filter( 'woocommerce_account_menu_items', 'wycan_facture_menu_item' );

/**
 * 4. Afficher le contenu de l'onglet
 */
function wycan_facture_endpoint_content() {
    echo '<div class="wycan-facture-client">';
    echo '<h3>' . esc_html__( 'Demander une facture', 'wycan' ) . '</h3>';
    echo '<p>Vous avez effectué une commande sur notre site et vous souhaitez obtenir la facture de celle-ci ? '
       . 'Remplissez le formulaire ci-dessous et nous reviendrons vers vous au plus vite avec la facture.</p>';
    echo do_shortcode( '[votre_shortcode_ici]' );
    echo '</div>';
}
add_action( 'woocommerce_account_facture-client_endpoint', 'wycan_facture_endpoint_content' );
				
			
Envie de laisser un commentaire ?

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Tu veux voir d'autres bouts de code ?

Bouton retour en haut pour Elementor

Bouton « Retour en haut » avec remplissage progressif en fonction du défilement. Utilise automatiquement la couleur principale d'Elementor.

Stock Status Widget pour Elementor

Widget Elementor affichant le statut de stock des produits WooCommerce. Conçu pour le Loop Builder (cards produit dans les archives/catégories).

Menu sticky intelligent (hide on scroll)

Ce snippet met en place un menu sticky fixé en haut de l’écran

Méthode d’expédition gratuite avec coupon WooCommerce

Offrir les frais de livraison… mais seulement pour la méthode d’expédition que tu choisis.

WooCommerce Product Buyers List

Ajoute un onglet dans WooCommerce pour afficher les acheteurs d'un produit spécifique avec filtre de date.

Emails additionnels par produits WooCommerce

Ajoute un onglet personnalisé dans les produits WooCommerce pour écrire un e-mail spécifique à chaque produit. Celui-ci sera envoyé dans un e-mail dédié.
ON DISCUTE ?

Une question sur WordPress ?
Un projet web à faire sous traiter par un freelance ?
Je suis votre homme !