WooCommerce：カテゴリーチェックボックスをドロップダウンに変更

Question

助けてください！

カテゴリチェックボックスをWooCommerce製品追加ページのドロップダウンに変更する必要があります。ユーザーは1つのカテゴリのみを選択できる必要があります。

ユーザーがカテゴリを選択すると、選択したカテゴリのすべてのサブカテゴリが次のドロップダウンに表示されます。ユーザーは1つのサブカテゴリしか選択できません。

次に、この2つのドロップダウンを[商品データ]プルダウンに配置する必要があります。

1. 「製品カテゴリ」ブロックを削除するにはどうすればよいですか？
2. 「製品データ」ブロックにカテゴリドロップダウンを追加するにはどうすればよいですか？
3. 最初のドロップダウンで選択したカテゴリに応じて、2番目のドロップダウンにサブカテゴリを配置するにはどうすればよいですか？

Answer 1

1. どのように私は、 "製品カテゴリ" ブロックを削除しますか？

   function remove_custom_meta_box() { 
       remove_meta_box('{taxonomy-name}div', 'product', 'side'); 
   } 
   add_action('admin_menu', 'remove_custom_meta_box'); 
   

2. 「製品データ」ブロックにカテゴリドロップダウンを追加するにはどうすればよいですか？

   と

3. にはどうすれば最初のドロップダウンで選択したカテゴリに依存して2番目のドロップダウンでサブカテゴリを置けばいいの？

   function categories_dropdown_metabox() { 
       add_meta_box('custom-taxonomy-dropdown', 'Product Category', 'taxonomy_dropdowns_box', 'product', 'side', 'high'); 
   } 
   
   function taxonomy_dropdowns_box($post) { 
       $terms  = get_terms('product_cat', 'hide_empty=0'); 
       $object_terms = wp_get_object_terms($post->ID, 'product_cat', array('fields'=>'ids')); 
   
       <script type="text/javascript"> 
        jQuery(document).ready(function() { 
         jQuery('#product-category').change(function() { 
          var product = jQuery('#product-category').val(); 
          if (product == '0') { 
           jQuery('#prodcatoptions').html(''); 
            jQuery('#categorycontainer').css('display', 'none'); 
          } else { 
           var data = { 
            'action':'get_product_categories', 
            'product':product, 
            'dropdown-nonce': jQuery('#dropdown-nonce').val() 
           }; 
           jQuery.post(ajaxurl, data, function(response){ 
            jQuery('#prodcatoptions').html(response); 
            jQuery('#categorycontainer').css('display', 'inline'); 
           }); 
          } 
         }); 
        }); 
       </script>  
   
       <div> 
        <span>Category:</span> 
        <select required id='product-category' name='prodcategory[]'> 
         <option value=''>Choose category</option> 
         <?php 
         foreach ($terms as $term) { 
          if ($term->parent == 0) { 
           if (in_array($term->term_id, $object_terms)) { 
            $parent_id = $term->term_id; 
            echo "<option value='{$term->term_id}' selected='selected'>{$term->name}</option>"; 
           } else { 
            echo "<option value='{$term->term_id}'>{$term->name}</option>"; 
           } 
          } 
         } 
         ?> 
        </select> 
       </div> 
       <div id='categorycontainer' <?php if (!isset($parent_id)) { echo "style='display: none;'"; }?> > 
        <span>Subcategory:</span> 
        <select required id='prodcatoptions' name='prodcategory[]'> 
         <?php 
         if (isset($parent_id)) { 
          $models = get_terms('product_cat', 'hide_empty=0&child_of='.$parent_id); 
   
          foreach ($models as $model) { 
           if (in_array($model->term_id, $object_terms)) { 
            echo "<option value='{$model->term_id}' selected='selected'>{$model->name}</option>"; 
           } else { 
            echo "<option value='{$model->term_id}'>{$model->name}</option>"; 
           } 
          } 
   
         } 
         ?> 
        </select> 
       </div> 
       <?php 
   } 
   
   add_action('add_meta_boxes', 'categories_dropdown_metabox'); 
   
   function save_my_custom_taxonomy($post_id) { 
       if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) { 
        return; 
       }  
       if (!wp_verify_nonce($_POST['dropdown-nonce'], 'custom-dropdown')) { 
        return; 
       } 
       $product_cat = array_map('intval', $_POST['prodcategory']); 
       wp_set_object_terms($post_id, $product_cat, 'product_cat'); 
   } 
   
   add_action('save_post','save_my_custom_taxonomy'); 
   
   function get_product_categories() { 
       check_ajax_referer('custom-dropdown', 'dropdown-nonce'); 
       if (isset($_POST['product'])) { 
        $models = get_terms('product_cat', 'hide_empty=0&child_of='. $_POST['product']); 
        echo "<option value=''>Choose subcategory</option>"; 
        foreach ($models as $model) { 
         echo "<option value='{$model->term_id}'>{$model->name}</option>"; 
        } 
       } 
       die(); 
   } 
   
   add_action('wp_ajax_get_product_categories', 'get_product_categories');