Question

我有一个wordpress网站，客户使用文字和图标制作图像，一旦通过woocommerce进行处理并支付该图像名称12345.png保存为Customer_product_image

function add_order_item_meta($item_id, $values) {
    $key = 'customer_product_image'; // Define your key here
    $value = $values['user_img']; // Get your value here
    woocommerce_add_order_item_meta($item_id, $key, $value);
}

我工作得很好，但现在我禁止我的头靠在墙上！当购买的图像显示在订单管理详细信息页面上时，它显示为CUSTOMER_PRODUCT_IMAGE: 1234.png我将如何在图像标记内包装，以便在那里显示图像？

我在google上搜索过高低，但是没有找到任何东西，可能我不知道究竟在搜索什么....

Answer 1

您可以使用过滤器woocommerce_order_item_display_meta_value输出图像。将此代码放在functions.php文件中，您需要修改img标记的src属性以包含文件名值之前的相应URL。您还可以使用过滤器woocommerce_order_item_display_meta_key

修改显示标签

add_filter( 'woocommerce_order_item_display_meta_value', 'modify_order_item_display_value' , 10, 3 );

function modify_order_item_display_value( $display_value, $meta, $wc_order_item ) {
    $meta_data = $meta->get_data();

    if( $meta_data['key'] === 'customer_product_image' ) {
        return '<img src="' . $meta_data['value'] . '">';
    }

    return $display_value;
}

add_filter('woocommerce_order_item_display_meta_key', 'modify_order_item_display_key', 10, 3);

function modify_order_item_display_key( $display_key, $meta, $wc_order_item ) {
    $meta_data = $meta->get_data();

    if( $meta_data['key'] === 'customer_product_image' ) {
        return 'Customer Image';
    }

    return $display_key;
}

Answer 2

这对我有用了！

首先，我添加了这个代码段，用于删除订单明细呈现的自定义元项目：

add_filter( 'woocommerce_hidden_order_itemmeta', 'hide_order_item_meta_fields' );

function hide_order_item_meta_fields( $fields ) {
$fields[] = 'current_view';
$fields[] = 'custom_image';//Add all meta keys to this array,so that it will not be displayed in order meta box
return $fields;
}

第二个我用它添加了它，并带有所需的文本和图像标记：

 add_action( 'woocommerce_after_order_itemmeta', 'order_meta_customized_display',10, 3 );


 function order_meta_customized_display( $item_id, $item, $product ){
  $all_meta_data=get_metadata( 'order_item', $item_id, "", "");
  $useless = array(
  "_qty","_tax_class","_variation_id","_product_id","_line_subtotal","_line_total","_line_subtotal_tax","_line_tax","_line_tax_data"
  );// Add key values that you want to ignore

  $customized_array= array();
  foreach($all_meta_data as $data_meta_key => $value) {
    if(!in_array($data_meta_key,$useless)){
      $newKey = ucwords(str_replace('_'," ",$data_meta_key ));//To remove underscrore and capitalize
      $customized_array[$newKey]=ucwords(str_replace('_'," ",$value[0])); // Pushing each value to the new array
      }
    }

  if (!empty($customized_array)) {
    foreach($customized_array as $data_meta_key => $value){

    echo "<div class='product_container'><span>Produkt Billede: </span><img src='".wp_upload_dir()['baseurl'].'/flapper/'. $value ."' /> </div>";
        }
    }
 }

我在page

上找到了这个问题的答案

Woocommerce在订单管理详细信息页面上添加img标签

2 个答案: