将产品自定义字段添加到购物车并在 WooCommerce 中随处显示

问题描述

我设置了一个带有 2 个复选框的 ACF，这些复选框显示在产品管理中：

在产品前端，只有后端的选定值是可选的：

我的功能中有以下代码：

// display on product page
add_action( 'woocommerce_before_add_to_cart_button','display_acf_single_product_pages',1 );
function display_acf_single_product_pages() {
    global $product;

    $colors  = get_field( 'colors',$product->get_id() );
    $sizes = get_field( 'sizes',$product->get_id() );

    
    
    if( $colors ): ?>
<div class="vorcartbutton">
    <div class="vorcartbuttonlable">
<label for="cars">Farbe wählen:</label>
<select name="farbe" id="farbe">
    <?PHP foreach( $colors as $color ): ?>
        <option><span class="color"><?PHP echo $color['label']; ?></span></option>
    <?PHP endforeach; ?>
</select>
    </div>
<?PHP endif; ?>
<br>
<?PHP

if( $sizes ): ?>
    <div class="vorcartbuttonlable">
<label for="cars">Größe wählen:</label>
<select name="groesse" id="groesse">
    <?PHP foreach( $sizes as $sizes ): ?>
        <option><span class="groesse"><?PHP echo $sizes['label']; ?></span></option>
    <?PHP endforeach; ?>
</select>
    </div>
</div>
<?PHP endif; ?>
<br>
<?PHP

   
}

// display on cart and checkout
add_filter( 'woocommerce_get_item_data','display_acf_on_cart_and_checkout',10,2 );
function display_acf_on_cart_and_checkout( $cart_data,$cart_item ) {
    $colors  = get_field( 'colors',$cart_item['product_id'] );
    $sizes = get_field( 'sizes',$cart_item['product_id'] );
    
    
 if ( ! empty($colors) ) {
        $custom_items[] = array( "name" => __("Farbe","woocommerce"),"value" => $colors  );
    }

    if ( ! empty($sizes) ) {
        $custom_items[] = array( "name" => __("Größe","value" => $sizes );
    }
   
    return $custom_items;
}

// display on orders and email notifications (save as custom order item Meta data)
add_action( 'woocommerce_checkout_create_order_line_item','display_acf_on_orders_and_emails',4 );
function display_acf_on_orders_and_emails( $item,$cart_item_key,$values,$order ) {
    $colors  = get_field( 'colors',$values['product_id'] );
    $sizes = get_field( 'sizes',$values['product_id'] );

    if ( ! empty($colors) ) {
        $item->add_Meta_data( __("size",$colors );
    }

    if ( ! empty($sizes) ) {
        $item->add_Meta_data( __("color",$sizes );
    }
}

在购物车中，值仅显示数组：

有人可以将我推向正确的方向，以便在购物车、结帐、邮件和订单中获得正确的值吗？

最初取自此处Display ACF product custom fields everywhere in WooCommerce 3+

解决方法

您的代码中有错误和一些缺失的东西。而是使用以下重新访问的代码：

// Display on product page
add_action( 'woocommerce_before_add_to_cart_button','display_acf_single_product_pages',1 );
function display_acf_single_product_pages() {
    global $product;

    $colors = get_field( 'colors',$product->get_id() );
    if ( ! empty($colors) ) {
        echo '<div class="vorcartbutton">
        <div class="vorcartbuttonlable">
        <label for="farbe">'. __("Farbe wählen") .':</label>
        <select name="farbe" id="farbe">';

        foreach ( $colors as $color ) {
            echo '<option value="'. $color['label'] .'"><span class="color">'. $color['label'] .'</span></option>';
        }
        echo '</select>
        </div><br>';
    }

    $sizes = get_field( 'sizes',$product->get_id() );
    if ( ! empty($sizes) ) {
        echo '<div class="vorcartbutton">
        <div class="vorcartbuttonlable">
        <label for="groesse">'. __("Größe wählen") .':</label>
        <select name="groesse" id="groesse">';

        foreach ( $sizes as $size ) {
            echo '<option value="'. $size['label'] .'"><span class="color">'. $size['label'] .'</span></option>';
        }
        echo '</select>
        </div><br>
        </div>';
    }
}

// Add as custom cart item data
add_filter( 'woocommerce_add_cart_item_data','save_acf_as_cart_item_data',10,2 );
function save_acf_as_cart_item_data( $cart_item_data,$cart_item ) {
    if ( isset($_POST['farbe']) || isset($_POST['groesse']) ) {
        if ( isset($_POST['farbe']) ) {
            $cart_item_data['farbe'] = esc_attr($_POST['farbe']);
        }
        if ( isset($_POST['groesse']) ) {
            $cart_item_data['groesse'] = esc_attr($_POST['groesse']);
        }
        $cart_item_data['unique_key'] = md5( microtime().rand() );
    }
    return $cart_item_data;
}

// Display on cart and checkout
add_filter( 'woocommerce_get_item_data','display_acf_on_cart_and_checkout',2 );
function display_acf_on_cart_and_checkout( $cart_data,$cart_item ) {
    if ( isset($cart_item['farbe']) ) {
        $custom_items[] = array( 'name' => __("Farbe","woocommerce"),'value' => $cart_item['farbe'] );
    }

    if ( isset($cart_item['groesse']) ) {
        $custom_items[] = array( 'name' => __("Größe",'value' => $cart_item['groesse'] );
    }
    return $custom_items;
}

// Display on orders and email notifications (save as custom order item meta data)
add_action( 'woocommerce_checkout_create_order_line_item','display_acf_on_orders_and_emails',4 );
function display_acf_on_orders_and_emails( $item,$cart_item_key,$values,$order ) {
    $colors  = get_field( 'colors',$values['product_id'] );
    $sizes = get_field( 'sizes',$values['product_id'] );

    if ( isset($values['farbe']) ) {
        $item->add_meta_data( 'farbe',$values['farbe'] );
    }

    if ( isset($values['groesse']) ) {
        $item->add_meta_data( 'groesse',$values['groesse'] );
    }
}

// Change displayed label for specific custom order item meta keys
add_filter('woocommerce_order_item_display_meta_key','filter_wc_order_item_display_meta_key',3 );
function filter_wc_order_item_display_meta_key( $display_key,$meta,$item ) {

    // Change displayed label for specific order item meta key
    if( is_admin() && $item->get_type() === 'line_item' ) {
        if( $meta->key === 'farbe' ) {
            $display_key = __("Farbe","woocommerce");
        }
        if( $meta->key === 'groesse' ) {
            $display_key = __("Größe","woocommerce");
        }
    }
    return $display_key;
}

代码位于活动子主题（或活动主题）的functions.php 文件中。经测试有效。