在产品页上的新标签中添加自定义HTML - WooCommerce

问题描述：

我试图在单个产品页面上添加新标签。我的下面代码工作良好： -在产品页上的新标签中添加自定义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源而不是图像。

任何帮助将非常感激。

感谢

如果你看看'的wp-content \插件\ woocommerce \模板\单品\标签\ tabs.php'行数37'esc_html（）'负责将HTML打印为标签标题中的文本。所以我建议你使用css添加图像。 _有可能是一种使用PHP实现的方法，但我不知道_ –

Hi @RaunakGupta感谢您的评论。我有不能在CSS中添加的动态数据。喜欢 –

你也可以通过使用'wp_head'动作 –

答

在这里，您可以：

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

嗨Ajay，谢谢你的回应。但我不需要它的内容。我在标题标题上需要它。 –

我们可以用jquery来做到这一点 – Aaron

在产品页上的新标签中添加自定义HTML - WooCommerce

相关推荐