WooCommerce產品類別存檔，添加其他詳細信息

Question

嗨下面的代碼在WooCommerce產品類別部分添加了一個額外的字段，除了這個之外，我還需要添加更多的額外字段。我需要在下面的代碼中更改以添加更多像這樣的字段。

非常感謝您的幫助。

// Add term page 
add_action('product_cat_add_form_fields', 'wpm_taxonomy_add_new_meta_field', 10, 2); 

function wpm_taxonomy_add_new_meta_field() { 
    // this will add the custom meta field to the add new term page 
    ?> 
    <div class="form-field"> 
    <label for="term_meta[custom_term_meta]"><?php _e('Details', 'wpm'); ?></label> 
    <textarea name="term_meta[custom_term_meta]" id="term_meta[custom_term_meta]" rows="5" cols="40"></textarea> 
    <p class="description"><?php _e('Detailed category info to appear below the product list','wpm'); ?></p> 
    </div> 
    <?php 
} 

// Edit term page 
add_action('product_cat_edit_form_fields', 'wpm_taxonomy_edit_meta_field', 10, 2); 

function wpm_taxonomy_edit_meta_field($term) { 

    // put the term ID into a variable 
    $t_id = $term->term_id; 

    // retrieve the existing value(s) for this meta field. This returns an array 
    $term_meta = get_option("taxonomy_$t_id"); 
    $content = $term_meta['custom_term_meta'] ? wp_kses_post($term_meta['custom_term_meta']) : ''; 
    $settings = array('textarea_name' => 'term_meta[custom_term_meta]'); 
    ?> 
    <tr class="form-field"> 
    <th scope="row" valign="top"><label for="term_meta[custom_term_meta]"><?php _e('Details', 'wpm'); ?></label></th> 
    <td> 
     <?php wp_editor($content, 'product_cat_details', $settings); ?> 
     <p class="description"><?php _e('Detailed category info to appear below the products list','wpm'); ?></p> 
    </td> 
    </tr> 
<?php 
} 

// Save extra taxonomy fields callback function 
add_action('edited_product_cat', 'save_taxonomy_custom_meta', 10, 2); 
add_action('create_product_cat', 'save_taxonomy_custom_meta', 10, 2); 

function save_taxonomy_custom_meta($term_id) { 
    if (isset($_POST['term_meta'])) { 
    $t_id = $term_id; 
    $term_meta = get_option("taxonomy_$t_id"); 
    $cat_keys = array_keys($_POST['term_meta']); 
    foreach ($cat_keys as $key) { 
     if (isset ($_POST['term_meta'][$key])) { 
     $term_meta[$key] = wp_kses_post(stripslashes($_POST['term_meta'][$key])); 
     } 
    } 
    // Save the option array. 
    update_option("taxonomy_$t_id", $term_meta); 
    } 
} 


// Display details on product category archive pages 
add_action('woocommerce_after_subcategory_title', 'wpm_product_cat_archive_add_meta'); 

function wpm_product_cat_archive_add_meta() { 
    $t_id = get_queried_object()->term_id; 
    $term_meta = get_option("taxonomy_$t_id"); 
    $term_meta_content = $term_meta['custom_term_meta']; 
    if ($term_meta_content != '') { 
    echo '<div class="woo-sc-box normal rounded full">'; 
     echo apply_filters('the_content', $term_meta_content); 
    echo '</div>'; 
    } 
} 

Answer 1

對於加入，你必須在你的函數中添加多個表單域，然後保存在保存function.Look我下面的函數有我創建了一個額外的字段product_cat_thumbnailbig_id在類別區創建自定義圖片上傳選項的更多領域。這裏你的detais部分也工作。遵循我的代碼並創建儘可能多的字段。

// Add term page 
add_action('product_cat_add_form_fields', 'wpm_taxonomy_add_new_meta_field', 10, 2); 

function wpm_taxonomy_add_new_meta_field() { 
    // this will add the custom meta field to the add new term page 
?> 

<div class="form-field"> 
    <label for="term_meta[custom_term_meta]"><?php _e('Details', 'wpm'); ?></label> 
    <textarea name="term_meta[custom_term_meta]" id="term_meta[custom_term_meta]" rows="5" cols="40"></textarea> 
    <p class="description"><?php _e('Detailed category info to appear below the product list','wpm'); ?></p> 
</div> 
<div class="form-field"> 
     <label><?php _e('Thumbnail', 'woocommerce'); ?></label> 
     <div id="product_cat_thumbnailbig" style="float: left; margin-right: 10px;"><img src="<?php echo esc_url(wc_placeholder_img_src()); ?>" width="60px" height="60px" /></div> 
     <div style="line-height: 60px;"> 
      <input type="hidden" id="product_cat_thumbnailbig_id" name="product_cat_thumbnailbig_id" /> 
      <button type="button" class="upload_image_buttonbig button"><?php _e('Upload/Add image', 'woocommerce'); ?></button> 
      <button type="button" class="remove_image_buttonbig button"><?php _e('Remove image', 'woocommerce'); ?></button> 
     </div> 
     <script type="text/javascript"> 

      // Only show the "remove image" button when needed 
      if (! jQuery('#product_cat_thumbnailbig_id').val()) { 
       jQuery('.remove_image_buttonbig').hide(); 
      } 

      // Uploading files 
      var file_frame; 

      jQuery(document).on('click', '.upload_image_buttonbig', function(event) { 

       event.preventDefault(); 

       // If the media frame already exists, reopen it. 
       if (file_frame) { 
        file_frame.open(); 
        return; 
       } 

       // Create the media frame. 
       file_frame = wp.media.frames.downloadable_file = wp.media({ 
        title: '<?php _e("Choose an image", "woocommerce"); ?>', 
        button: { 
         text: '<?php _e("Use image", "woocommerce"); ?>' 
        }, 
        multiple: false 
       }); 

       // When an image is selected, run a callback. 
       file_frame.on('select', function() { 
        var attachment = file_frame.state().get('selection').first().toJSON(); 

        jQuery('#product_cat_thumbnailbig_id').val(attachment.id); 
        jQuery('#product_cat_thumbnailbig img').attr('src', attachment.sizes.thumbnail.url); 
        jQuery('.remove_image_buttonbig').show(); 
       }); 

       // Finally, open the modal. 
       file_frame.open(); 
      }); 

      jQuery(document).on('click', '.remove_image_buttonbig', function() { 
       jQuery('#product_cat_thumbnailbig img').attr('src', '<?php echo esc_js(wc_placeholder_img_src()); ?>'); 
       jQuery('#product_cat_thumbnailbig_id').val(''); 
       jQuery('.remove_image_buttonbig').hide(); 
       return false; 
      }); 

     </script> 
     <div class="clear"></div> 
    </div> 
<?php 
    } 

// Edit term page 
add_action('product_cat_edit_form_fields', 'wpm_taxonomy_edit_meta_field', 10, 2); 

function wpm_taxonomy_edit_meta_field($term) { 
    $thumbnail_idb = absint(get_woocommerce_term_meta($term->term_id, 'thumbnail_idb', true)); 
    if ($thumbnail_idb) { 
     $imageb = wp_get_attachment_thumb_url($thumbnail_idb); 
     } else { 
     $imageb = wc_placeholder_img_src(); 
    } 

    // put the term ID into a variable 
    $t_id = $term->term_id; 

    // retrieve the existing value(s) for this meta field. This returns an array 
    $term_meta = get_option("taxonomy_$t_id"); 
    $content = $term_meta['custom_term_meta'] ? wp_kses_post($term_meta['custom_term_meta']) : ''; 
    $settings = array('textarea_name' => 'term_meta[custom_term_meta]'); 
    ?> 
    <tr class="form-field"> 
    <th scope="row" valign="top"><label for="term_meta[custom_term_meta]"><?php _e('Details', 'wpm'); ?></label></th> 
    <td> 
    <?php wp_editor($content, 'product_cat_details', $settings); ?> 
    <p class="description"><?php _e('Detailed category info to appear below the products list','wpm'); ?></p> 
</td> 
</tr> 
<tr class="form-field"> 
     <th scope="row" valign="top"><label><?php _e('Thumbnail', 'woocommerce'); ?></label></th> 
     <td> 
      <div id="product_cat_thumbnailbig" style="float: left; margin-right: 10px;"><img src="<?php echo esc_url($imageb); ?>" width="60px" height="60px" /></div> 
      <div style="line-height: 60px;"> 
       <input type="hidden" id="product_cat_thumbnailbig_id" name="product_cat_thumbnailbig_id" value="<?php echo $thumbnail_id; ?>" /> 
       <button type="button" class="upload_image_buttonbig button"><?php _e('Upload/Add image', 'woocommerce'); ?></button> 
       <button type="button" class="remove_image_buttonbig button"><?php _e('Remove image', 'woocommerce'); ?></button> 
      </div> 
      <script type="text/javascript"> 

       // Only show the "remove image" button when needed 
       if ('0' === jQuery('#product_cat_thumbnailbig_id').val()) { 
        jQuery('.remove_image_buttonbig').hide(); 
       } 

       // Uploading files 
       var file_frame; 

       jQuery(document).on('click', '.upload_image_buttonbig', function(event) { 

        event.preventDefault(); 

        // If the media frame already exists, reopen it. 
        if (file_frame) { 
         file_frame.open(); 
         return; 
        } 

        // Create the media frame. 
        file_frame = wp.media.frames.downloadable_file = wp.media({ 
         title: '<?php _e("Choose an image", "woocommerce"); ?>', 
         button: { 
          text: '<?php _e("Use image", "woocommerce"); ?>' 
         }, 
         multiple: false 
        }); 

        // When an image is selected, run a callback. 
        file_frame.on('select', function() { 
         var attachment = file_frame.state().get('selection').first().toJSON(); 

         jQuery('#product_cat_thumbnailbig_id').val(attachment.id); 
         jQuery('#product_cat_thumbnailbig img').attr('src', attachment.sizes.thumbnail.url); 
         jQuery('.remove_image_buttonbig').show(); 
        }); 

        // Finally, open the modal. 
        file_frame.open(); 
       }); 

       jQuery(document).on('click', '.remove_image_buttonbig', function() { 
        jQuery('#product_cat_thumbnailbig img').attr('src', '<?php echo esc_js(wc_placeholder_img_src()); ?>'); 
        jQuery('#product_cat_thumbnailbig_id').val(''); 
        jQuery('.remove_image_buttonbig').hide(); 
        return false; 
       }); 

      </script> 
      <div class="clear"></div> 
     </td> 
     </tr> 
     <?php 
     } 

    // Save extra taxonomy fields callback function 
    add_action('edited_product_cat', 'save_taxonomy_custom_meta', 10, 2); 
    add_action('create_product_cat', 'save_taxonomy_custom_meta', 10, 2); 

function save_taxonomy_custom_meta($term_id) { 


if (isset($_POST['term_meta'])) { 
$t_id = $term_id; 
$term_meta = get_option("taxonomy_$t_id"); 
$cat_keys = array_keys($_POST['term_meta']); 
foreach ($cat_keys as $key) { 
    if (isset ($_POST['term_meta'][$key])) { 
    $term_meta[$key] = wp_kses_post(stripslashes($_POST['term_meta'][$key])); 
    } 
} 
// Save the option array. 
update_option("taxonomy_$t_id", $term_meta); 
} 

if (isset($_POST['product_cat_thumbnailbig_id'])) { 
     update_woocommerce_term_meta($term_id, 'thumbnail_idb', absint($_POST['product_cat_thumbnailbig_id'])); 
    } 
    } 

Answer 2

你可以在這樣的單一功能添加多個領域。

下面是代碼

//Product Cat creation page 
function wpm_taxonomy_add_new_meta_field() { 
    ?> 
    <div class="form-field"> 
     <label for="term_meta[wh_meta_title]"><?php _e('Meta Title', 'text_domain'); ?></label> 
     <input type="text" name="term_meta[wh_meta_title]" id="term_meta[wh_meta_title]"> 
     <p class="description"><?php _e('Enter a meta title, <= 60 character', 'text_domain'); ?></p> 
    </div> 
    <div class="form-field"> 
     <label for="term_meta[wh_meta_desc]"><?php _e('Meta Description', 'text_domain'); ?></label> 
     <textarea name="term_meta[wh_meta_desc]" id="term_meta[wh_meta_desc]"></textarea> 
     <p class="description"><?php _e('Enter a meta description, <= 160 character', 'text_domain'); ?></p> 
    </div> 
    <?php 
} 

add_action('product_cat_add_form_fields', 'wpm_taxonomy_add_new_meta_field', 10, 2); 

參考：

1. 詳細教程：Adding Custom Fields to WooCommerce Product Category
2. 相關答案：Adding custom field to product category in WooCommerce

希望這有助於。