WooCommerce:将自定义 Metabox 添加到管理订单页面

Posted

技术标签:

【中文标题】WooCommerce:将自定义 Metabox 添加到管理订单页面【英文标题】:WooCommerce : Add custom Metabox to admin order page 【发布时间】:2016-10-12 21:04:19 【问题描述】:

我目前正在向我的 WooCommerce 产品页面成功添加一个显示值的字段:

在购物车中(前端), 结帐页面(前端), 在订单页面(前端), 在管理个人订单页面(后端)中。

问题:它没有在管理订单“自定义字段”元框中显示为自定义字段,其中包含值,而只是作为订单页面中的文本。

这是我的工作代码:

// Add the field to the product
add_action('woocommerce_before_add_to_cart_button', 'my_custom_checkout_field');

function my_custom_checkout_field() 
    echo '<div id="my_custom_checkout_field"><h3>'.__('My Field').'</h3>';
    echo  '<label>fill in this field</label> <input type="text" name="my_field_name">';
    echo '</div>';


// Store custom field
function save_my_custom_checkout_field( $cart_item_data, $product_id ) 
    if( isset( $_REQUEST['my_field_name'] ) ) 
        $cart_item_data[ 'my_field_name' ] = $_REQUEST['my_field_name'];
        /* below statement make sure every add to cart action as unique line item */
        $cart_item_data['unique_key'] = md5( microtime().rand() );
    
    return $cart_item_data;

add_action( 'woocommerce_add_cart_item_data', 'save_my_custom_checkout_field', 10, 2 );

// Render meta on cart and checkout
function render_meta_on_cart_and_checkout( $cart_data, $cart_item = null ) 
    $custom_items = array();
    /* Woo 2.4.2 updates */
    if( !empty( $cart_data ) ) 
        $custom_items = $cart_data;
    
    if( isset( $cart_item['my_field_name'] ) ) 
        $custom_items[] = array( "name" => 'My Field', "value" => $cart_item['my_field_name'] );
    
    return $custom_items;

add_filter( 'woocommerce_get_item_data', 'render_meta_on_cart_and_checkout', 10, 2 );

// This is what I think needs changing?

function subscription_order_meta_handler( $item_id, $values, $cart_item_key ) 
    if( isset( $values['my_field_name'] ) ) 
        wc_add_order_item_meta( $item_id, "My Field", $values['my_field_name'] );
    

add_action( 'woocommerce_add_order_item_meta', 'subscription_order_meta_handler', 1, 3 );

我认为这是需要更改的代码的最后一点。它目前显示订单项下的文本,所以也许我需要将wc_add_order_item_meta 调整为其他内容?

我已经尝试了所有方法,但似乎不起作用。当我的字段在结帐页面上时,我可以让它工作,但当我从产品页面上拉它时就不行。

也许我错过了结帐过程 sn-p?

【问题讨论】:

自定义字段将包含 DVD 列表,因此输出将类似于:DVD 1、DVD 2。我需要能够删除已发送的 DVD,所以我不这样做不要发送两次。 【参考方案1】:

2017/11/02 更新 (在 Woocommerce 3+ 中完美运行)

首先,我已经完成了预期的一切工作,除了在订单页面的后端“自定义字段”元框中获取 my_field_name 的值

在经历了一场真正的噩梦之后,我找到了一个非常好的工作解决方案,比以前更好。在后端,您现在有一个自定义元框,其中自定义字段 my_field_name 显示正确的值,如下图所示:


我的代码分为两部分。

1) 订单页面中的后端 Metabox,带有一个可编辑字段,显示来自产品页面上的自定义字段的正确值(在前端):

// Adding Meta container admin shop_order pages
add_action( 'add_meta_boxes', 'mv_add_meta_boxes' );
if ( ! function_exists( 'mv_add_meta_boxes' ) )

    function mv_add_meta_boxes()
    
        add_meta_box( 'mv_other_fields', __('My Field','woocommerce'), 'mv_add_other_fields_for_packaging', 'shop_order', 'side', 'core' );
    


// Adding Meta field in the meta container admin shop_order pages
if ( ! function_exists( 'mv_add_other_fields_for_packaging' ) )

    function mv_add_other_fields_for_packaging()
    
        global $post;

        $meta_field_data = get_post_meta( $post->ID, '_my_field_slug', true ) ? get_post_meta( $post->ID, '_my_field_slug', true ) : '';

        echo '<input type="hidden" name="mv_other_meta_field_nonce" value="' . wp_create_nonce() . '">
        <p style="border-bottom:solid 1px #eee;padding-bottom:13px;">
            <input type="text" style="width:250px;";" name="my_field_name" placeholder="' . $meta_field_data . '" value="' . $meta_field_data . '"></p>';

    


// Save the data of the Meta field
add_action( 'save_post', 'mv_save_wc_order_other_fields', 10, 1 );
if ( ! function_exists( 'mv_save_wc_order_other_fields' ) )


    function mv_save_wc_order_other_fields( $post_id ) 

        // We need to verify this with the proper authorization (security stuff).

        // Check if our nonce is set.
        if ( ! isset( $_POST[ 'mv_other_meta_field_nonce' ] ) ) 
            return $post_id;
        
        $nonce = $_REQUEST[ 'mv_other_meta_field_nonce' ];

        //Verify that the nonce is valid.
        if ( ! wp_verify_nonce( $nonce ) ) 
            return $post_id;
        

        // If this is an autosave, our form has not been submitted, so we don't want to do anything.
        if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) 
            return $post_id;
        

        // Check the user's permissions.
        if ( 'page' == $_POST[ 'post_type' ] ) 

            if ( ! current_user_can( 'edit_page', $post_id ) ) 
                return $post_id;
            
         else 

            if ( ! current_user_can( 'edit_post', $post_id ) ) 
                return $post_id;
            
        
        // --- Its safe for us to save the data ! --- //

        // Sanitize user input  and update the meta field in the database.
        update_post_meta( $post_id, '_my_field_slug', $_POST[ 'my_field_name' ] );
    


2) 前端/后端:

• 产品页面自定义字段(前端)。 • 在购物车、结帐页面和感谢订单(前端)上显示此数据。 • 在订单页面(后端)显示数据

// Add the field to the product
add_action('woocommerce_before_add_to_cart_button', 'my_custom_product_field');
function my_custom_product_field() 
    echo '<div id="my_custom_field">
        <label>' . __( 'My Field') . ' </label>
        <input type="text" name="my_field_name" value="">
    </div><br>';


// Store custom field
add_filter( 'woocommerce_add_cart_item_data', 'save_my_custom_product_field', 10, 2 );
function save_my_custom_product_field( $cart_item_data, $product_id ) 
    if( isset( $_REQUEST['my_field_name'] ) ) 
        $cart_item_data[ 'my_field_name' ] = $_REQUEST['my_field_name'];
        // below statement make sure every add to cart action as unique line item
        $cart_item_data['unique_key'] = md5( microtime().rand() );
        WC()->session->set( 'my_order_data', $_REQUEST['my_field_name'] );
    
    return $cart_item_data;


// Add a hidden field with the correct value to the checkout
add_action( 'woocommerce_after_order_notes', 'my_custom_checkout_field' );
function my_custom_checkout_field( $checkout ) 
    $value = WC()->session->get( 'my_order_data' );
    echo '<div id="my_custom_checkout_field">
            <input type="hidden" class="input-hidden" name="my_field_name" id="my_field_name" value="' . $value . '">
    </div>';


// Save the order meta with hidden field value
add_action( 'woocommerce_checkout_update_order_meta', 'my_custom_checkout_field_update_order_meta' );
function my_custom_checkout_field_update_order_meta( $order_id ) 
    if ( ! empty( $_POST['my_field_name'] ) ) 
        update_post_meta( $order_id, '_my_field_slug', $_POST['my_field_name'] );
    


// Display field value on the order edit page (not in custom fields metabox)
add_action( 'woocommerce_admin_order_data_after_billing_address', 'my_custom_checkout_field_display_admin_order_meta', 10, 1 );
function my_custom_checkout_field_display_admin_order_meta($order)
    $my_custom_field = get_post_meta( $order->id, '_my_field_slug', true );
    if ( ! empty( $my_custom_field ) ) 
        echo '<p><strong>'. __("My Field", "woocommerce").':</strong> ' . get_post_meta( $order->id, '_my_field_slug', true ) . '</p>';
    


// Render meta on cart and checkout
add_filter( 'woocommerce_get_item_data', 'render_meta_on_cart_and_checkout', 10, 2 );
function render_meta_on_cart_and_checkout( $cart_data, $cart_item = null ) 
    $custom_items = array();
    if( !empty( $cart_data ) ) $custom_items = $cart_data;

    if( isset( $cart_item['my_field_name'] ) )
        $custom_items[] = array( "name" => 'My Field', "value" => $cart_item['my_field_name'] );

    return $custom_items;


// Add the information as meta data so that it can be seen as part of the order
add_action('woocommerce_add_order_item_meta','add_values_to_order_item_meta', 10, 3 );
function add_values_to_order_item_meta( $item_id, $cart_item, $cart_item_key ) 
    // lets add the meta data to the order (with a label as key slug)
    if( ! empty( $cart_item['my_field_name'] ) )
        wc_add_order_item_meta($item_id, __('My field label name'), $cart_item['my_field_name'], true);

现在一切正常。

【讨论】:

@loic 上面的代码对我帮助很大。唯一的问题是。购买后是否可以在查看订单页面上使该字段对客户可编辑 @PullataPraveen 在 WooCommerce 中一切皆有可能,这取决于您的技能和所花费的时间。如果你不知道怎么做,你应该在网上搜索:WooCommerce: Add an input field in My account order view 感谢您的宝贵回答,但是,我有一个问题。我只想在管理订单页面的后端使用此代码,因为我只使用了代码的第一部分。但我也想在页面模板中访问My Field 的值。为此,我使用了echo get_post_meta( $post-&gt;ID, '_my_field_slug', true ) ? get_post_meta( $post-&gt;ID, '_my_field_slug', true ) : '';,但这并没有给我带来价值。你能建议我如何获得自定义模板的价值吗?非常感谢您的回答

以上是关于WooCommerce:将自定义 Metabox 添加到管理订单页面的主要内容,如果未能解决你的问题,请参考以下文章

php 卸妆o metabox do OCEANWP Extrasdapáginadeediçãodosprodutos do WooCommerce

如何将自定义挂钩添加到 Woocommerce 的自定义插件

将自定义产品分类更改为 WooCommerce 产品分类

如何将自定义字段添加到 WooCommerce 注册表单

php 将自定义字段添加到WooCommerce产品#woocommerce #custom-fields

将自定义“预订”按钮添加到 WooCommerce 产品单页