将自定义字段添加到特定类别的 woocommerce 产品

Question

I am trying to add a custom field "Color" to my woocommerce orders but this custom field has to be in a few specific categories, let's say category "ballons", so the code inside functions.php is this:

add_action('woocommerce_before_add_to_cart_button','wdm_add_custom_fields');

                      /**
                      * Adds custom field for Product
                      * @return [type] [description]
                      */
    function wdm_add_custom_fields()
       {

          global $product;
          ob_start();

          $terms = get_the_terms( $product->get_id(), 'product_cat' );

          // Loop through term objects
            foreach( $terms as $term ) {
              if ( "ballons" === $term->slug ) {
        ?>
          <div class="wdm-custom-fields">
            <label>Color </label>
             <select type="text" name="wdm_name">     
                <option value="blue">Blue</option>
                <option value="red">Rojo</option>
                <option value="green">Green</option>      
            </select>
         </div>
         <div class="clear"></div>
    <br>
    
    <?php 
      //  break; // The term match, we stop the loop.
        }
       }        
      ?>

The select box appears in all products , seems like the above code is not restricting the select box to the specific category, any help would be appreciate it

Answer 1

Use instead the dedicated Wordpress conditional function has_term() as follow:

add_action('woocommerce_before_add_to_cart_button', 'before_add_to_cart_button_custom_fields');
function before_add_to_cart_button_custom_fields() {
    global $post, $product;

    // Here define your terms (can be terms Ids, slugs or names)
    $terms = array('ballons');

    if ( has_term( $terms, 'product_cat' ) ) {
    ?>
    <div class="wdm-custom-fields">
        <label><?php _e("Color", "woocommerce"); ?></label>
        <select type="text" name="wdm_name">
            <option value="blue"><?php _e("Blue", "woocommerce"); ?></option>
            <option value="red"><?php _e("Rojo", "woocommerce"); ?></option>
            <option value="green"><?php _e("Green", "woocommerce"); ?></option>
        </select>
    </div>
    <div class="clear"></div>
    <br>
    <?php
    }
}

Code goes in functions.php file of your active child theme (or active theme). Tested and works.

You should replace wdm_name simply by color everywhere in your code