woocommerceの製品ページの下部タブの追加

Question

WooCommerceには、woocommerce製品ページの下部に1つの追加タブを追加する方法に関するドキュメントがあります。コードはfunctions.phpに挿入され、編集可能です。

私はちょうどそれらがお互いに衝突することなく、functions.phpにもっと多くのタブを追加する方法が不思議です。 2番目と3番目の余分なタブに追加する必要があるコードは何ですか？ここで

は、最初のタブのためのwoocommerceからのコードは次のとおりです。

add_filter('woocommerce_product_tabs', 'woo_new_product_tab'); 
 
function woo_new_product_tab($tabs) { 
 
\t 
 
\t // Adds the new tab 
 
\t 
 
\t $tabs['test_tab'] = array(
 
\t \t 'title' \t => __('New Product Tab', 'woocommerce'), 
 
\t \t 'priority' \t => 50, 
 
\t \t 'callback' \t => 'woo_new_product_tab_content' 
 
\t); 
 

 
\t return $tabs; 
 

 
} 
 
function woo_new_product_tab_content() { 
 

 
\t // The new tab content 
 

 
\t echo '<h2>New Product Tab</h2>'; 
 
\t echo '<p>Here\'s your new product tab.</p>'; 
 
\t 
 
}

Answer 1

、その後で$tabs配列にそれらを追加し、あなたの最初の機能を維持し、ちょうど第二の機能の重複を追加します最初の機能。

add_filter('woocommerce_product_tabs', 'woo_new_product_tab'); 
 
function woo_new_product_tab($tabs) { 
 
    
 
    // Adds the new tab 
 
    
 
    $tabs['test_tab'] = array(
 
     'title'  => __('New Product Tab', 'woocommerce'), 
 
     'priority' => 50, 
 
     'callback' => 'woo_new_product_tab_content' 
 
    ); 
 
    
 
    $tabs['test_tab_two'] = array(
 
     'title'  => __('Another New Product Tab', 'woocommerce'), 
 
     'priority' => 60, 
 
     'callback' => 'woo_new_product_tab_content_two' 
 
    ); 
 
    
 
    $tabs['test_tab_three'] = array(
 
     'title'  => __('Yet Another New Product Tab', 'woocommerce'), 
 
     'priority' => 70, 
 
     'callback' => 'woo_new_product_tab_content_three' 
 
    ); 
 
    
 
    return $tabs; 
 

 
} 
 
function woo_new_product_tab_content() { 
 
    echo '<h2>New Product Tab</h2>'; 
 
    echo '<p>Here\'s your new product tab.</p>'; 
 
} 
 

 
function woo_new_product_tab_content_two() { 
 
    echo '<h2>New Product Tab</h2>'; 
 
    echo '<p>Here\'s your new product tab.</p>'; 
 
} 
 

 
function woo_new_product_tab_content_three() { 
 
    echo '<h2>New Product Tab</h2>'; 
 
    echo '<p>Here\'s your new product tab.</p>'; 
 
}

Answer 2

ここで修正されたコード---

add_filter('woocommerce_product_tabs', 'woo_new_product_tab'); 
function woo_new_product_tab($tabs) { 

    // Adds the new tab 

    $tabs['test_tab_one'] = array(
     'title'  => __('New Product Tab 1', 'woocommerce'), 
     'priority' => 50, 
     'callback' => 'woo_new_product_tab_content_one' 
    ); 

    $tabs['test_tab_two'] = array(
     'title'  => __('New Product Tab 2', 'woocommerce'), 
     'priority' => 50, 
     'callback' => 'woo_new_product_tab_content_two' 
    ); 


    return $tabs; 

} 
function woo_new_product_tab_content_one() { 

    // The new tab content for 1 

    echo '<h2>New Product Tab</h2>'; 
    echo '<p>Here\'s your new product tab.</p>'; 

} 
function woo_new_product_tab_content_two() { 

    // The new tab content for 2 

    echo '<h2>New Product Tab</h2>'; 
    echo '<p>Here\'s your new product tab.</p>'; 

} 

であります