2017-08-24 1 views
0

J'essaye d'ajouter un nouvel onglet sur une seule page de produit. Mes codes ci-dessous fonctionne bien: -Ajouter HTML personnalisé dans Nouvel onglet sur la page produit - WooCommerce

add_filter('woocommerce_product_tabs', 'woo_new_product_tab'); 
function woo_new_product_tab($tabs) { 
// Adds the new tab 
    $tabs['desc_tab'] = array(
     'title'  => __('Additional Information', 'woocommerce'), 
     'priority' => 50, 
     'callback' => 'woo_new_product_tab_content' 
    ); 
} 

Je veux insérer des données HTML dans le 'title' =>

Par exemple:

add_filter('woocommerce_product_tabs', 'woo_new_product_tab'); 
    function woo_new_product_tab($tabs) { 
    // Adds the new tab 
     $tabs['desc_tab'] = array(
      'title'  => __('Additional Information <img src="'.$image.'"/>', 'woocommerce'), 
      'priority' => 50, 
      'callback' => 'woo_new_product_tab_content' 
     ); 
    } 

Les codes ci-dessus sorties la source complète html à la place de l'image.

Toute aide sera vraiment appréciée.

Merci

+0

Si vous regardez dans 'wp-content \ plugins \ WooCommerce \ templates \ monoproduit \ onglets ligne \ tabs.php' de numéro 37' esc_html () 'est responsable de l'impression HTML en tant que texte dans le titre de l'onglet. Donc, je vous suggère d'ajouter l'image en utilisant css. _Il pourrait y avoir un moyen d'y parvenir en utilisant PHP seulement mais que je ne connais pas. –

+0

Bonjour @RaunakGupta Merci pour les commentaires. J'ai les données dynamiques qui ne peuvent pas être ajoutées dans css. Comme

+0

Vous pouvez également avoir dynamique css en utilisant l'action 'wp_head' –

Répondre

0

Ici vous pouvez:

add_filter('woocommerce_product_tabs', 'woo_new_product_tab'); 
function woo_new_product_tab($tabs) { 
// Adds the new tab 
$tabs['desc_tab'] = array(
    'title'  => __('Additional Information', 'woocommerce'), 
    'priority' => 50, 
    'callback' => 'woo_new_product_tab_content' 
); 
} 


function woo_new_product_tab_content() { 
// The new tab content 
echo '<p>Lorem Ipsum</p>'; 
} 
+0

Salut Ajay, Merci pour la réponse. mais je n'en ai pas besoin dans le contenu. J'en ai besoin sur le titre de l'onglet. –

+0

nous pouvons le faire avec jquery – Aaron