2017-08-24 9 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-コンテンツ\プラグイン\ woocommerce \テンプレート\単一製品\タブ\ tabs.php'行番号37' esc_html(に見える場合) 'は、タブタイトルのテキストとしてHTMLを印刷する役割を担っています。ですから、CSSを使ってイメージを追加することをお勧めします。 _これはPHPを使用してこれを達成する方法があるかもしれませんが、わかりません。 –

+0

こんにちは@RaunakGuptaコメントありがとうございます。私はCSSで追加できない動的データを持っています。同様に

+0

あなたは 'wp_head'アクションを使って動的CSSを作成することもできます。 –

答えて

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

こんにちはアジェイ、応答ありがとう。私はコンテンツにそれが必要ではありません。私はタブのタイトルでそれが必要です。 –

+0

jqueryでこれを行うことができます – Aaron

関連する問題