2017-08-24 69 views
0

我試圖在單個產品頁面上添加新標籤。我的下面代碼工作良好: -在產品頁上的新標籤中添加自定義HTML - 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' 
    ); 
} 

我想在 '標題' 中插入一些HTML數據=>

例如:

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' 
     ); 
    } 

上述代碼輸出完整的HTML源而不是圖像。

任何幫助將非常感激。

感謝

+0

如果你看看'的wp-content \插件\ woocommerce \模板\單品\標籤\ tabs.php'行數37'esc_html( )'負責將HTML打印爲標籤標題中的文本。所以我建議你使用css添加圖像。 _有可能是一種使用PHP實現的方法,但我不知道_ –

+0

Hi @RaunakGupta感謝您的評論。我有不能在CSS中添加的動態數據。喜歡

+0

你也可以通過使用'wp_head'動作 –

回答

0

在這裏,您可以:

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

嗨Ajay,謝謝你的迴應。但我不需要它的內容。我在標題標題上需要它。 –

+0

我們可以用jquery來做到這一點 – Aaron

相關問題