Woocommerce：カスタム商品タイプにバリエーションタブを追加する方法

Question

• 私は基本的に 製品タイプ「ギフトカード」を追加して「ギフトカード」、のためのプラグインをインストールしました。
  • 私はその機能を強化する必要があります。
  • 他のタブもありますが、「バリエーション」タブは ではありません。
  • このタブを追加するにはどうすればいいですか。私のカスタム商品タイプは でも可変商品のように動作します。
  • スクリーンショット：http://prntscr.com/ekogwd
  • 私は自分のカスタム商品タイプを使用していますが、私はそれを可変商品タイプに変更できません。
  • woocommerceを使用してカスタム商品タイプ「ギフトカード」にこのタブを手動で追加するフック、アクション、またはフィルタはありますか？

Answer 1

は、私が想定し、すでに製品タイプセレクタにギフトカードを追加しました。しかし、ここでは完全性のために2番目の関数で同じ名前を使用しています。

add_filter('product_type_selector', 'so_42835590_add_product_type'); 
function so_42835590_add_product_type($types){ 

    // Key should be exactly the same as in the class product_type parameter 
    $types[ 'gift-card' ] = __('Gift Card', 'your-plugin'); 

    return $types; 

} 

あなたはwoocommerce_product_data_tabsをフィルタリングすることにより、独自のカスタムタブを追加することができますが、あなたはまた、既存のタブにクラスを追加することができます。クラスは、代謝産物javascriptが何を表示するかを決定するために使用するもので、製品タイプが変更されたときに非表示にするものです。

add_filter('woocommerce_product_data_tabs', 'so_42835590_product_data_tabs'); 
function so_42835590_product_data_tabs($tabs) { 

    // Add an additional class to an existing tab, ex: Variations. 
    $tabs[ 'variations' ][ 'class' ][] = 'show_if_gift-card'; // gift-card must match key from above 

    return $tabs; 
} 

編集あなたは、既存の属性の「ばらつきを有効」タブの表示を制御するために、いくつかのJavaScriptを追加する必要がない、と属性が追加されたとき。これはトリックを行う必要があります：

jQuery(function ($) { 

    // Variable type options are valid for variable workshop. 
    $('.show_if_variable:not(.hide_if_gift-card)').addClass('show_if_gift-card'); 

    // Trigger change 
    $('select#product-type').change(); 

    // Show variable type options when new attribute is added. 
    $(document.body).on('woocommerce_added_attribute', function(e) { 

     $('#product_attributes .show_if_variable:not(.hide_if_gift-card)').addClass('show_if_gift-card'); 

     var $attributes  = $('#product_attributes').find('.woocommerce_attribute'); 

     if ('gift-card' == $('select#product-type').val()) { 
      $attributes.find('.enable_variation').show(); 
     } 
    }); 

});