使用 wc_display_item_meta 更改电子邮件订单项目的 html

Question

最初输出的 html 是：

<tr class="order_item">
  <td class="td">
    Product Name
   <ul class="wc-item-meta">
     <li>
       <strong class="wc-item-meta-label">Label:</strong>
       <p>Value</p>
     </li>
     <!-- several more li--> 
   </ul>
 </td>
 <td class="td">1 </td>
 <td class="td">
    <span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">CHF</span>49.00</span>
 </td>
 </tr>

我想摆脱这种笨重且不适合移动设备的 ul、li 和 p 结构，并像这样简化 html：

<tr class="order_item">
    <th>Model</th>
    <td>Model Name</td>
</tr>
<tr>
    <th>Label</th>
    <td>Value</td>
</tr>
etc.

我的第一步是摆脱 email-order 中的 thead-tag-详细信息.php。我更喜欢像 th-tag 这样的标签。

我还需要更改 email-order-items.php 中的 html 结构，

但后来我陷入了函数 wc_display_item_meta 的困境。我不知道如何让这个函数显示上面显示的所需的 html 标记。

function wc_display_item_meta( $item, $args = array() ) {
$strings = array();
$html    = '';
$args    = wp_parse_args(
    $args,
    array(
        'before'       => '<tr class="order_item">',
        'after'        => '</tr>',
        'separator'    => '</tr><tr>',
        'value_before' => '<td class="wc-item-meta-value">',
        'value_after'  => '</td>',
        'echo'         => true,
        'autop'        => false,
        'my_label_before' => '<th class="wc-item-meta-label">',
        'my_label_after'  => ':</th> ',
    )
);
 
foreach ( $item->get_formatted_meta_data() as $meta_id => $meta ) {
    $value     = $args['autop'] ? wp_kses_post( $meta->display_value ) : wp_kses_post( make_clickable( trim( $meta->display_value ) ) );
    $strings[] = $args['my_label_before'] . wp_kses_post( $meta->display_key ) . $args['my_label_after'] . $args['value_before'] . $value . $args['value_before'];
}

if ( $strings ) {
    $html = $args['before'] . implode( $args['separator'], $strings ) . $args['after'];
}

$html = apply_filters( 'woocommerce_display_item_meta', $html, $item, $args );

if ( $args['echo'] ) {
    // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
    echo $html;
} else {
    return $html;
}
}

如何更改 foreach 循环以获得下面所需的 html 输出显示？

<tr>
  <th></th>
  <td></td>
</tr>

Answer 1

上面提到的函数wc_display_item_meta有效。我不知道，我走在正确的轨道上。

但最好以不同的方式命名，然后在 «email-order-items.php» 中调用它。这样，wc_display_item_meta 的其他用途（例如在“order/order-details-item.php”中将不会受到标记的影响，该标记专门用于电子邮件）。

因此，在functions.php中，我有特殊的电子邮件html标记函数：

function my_display_item_meta( $item, $args = array() ) {
 etc.
}

在“email-order-items.php”中，我调用我的函数而不是wc_display_item元：

my_display_email_item_meta($item);

注意：您可以仔细查看标记您的电子邮件模板，以获得适合您要求的结果。由于 html 发生了变化，电子邮件样式也需要更新。

就我而言，woocommerce 生成的电子邮件在手机上看起来更好，并且根据屏幕呈现消息要容易得多，即响应式。

总而言之，我一开始就不应该问。这只是浪费资源。不过，我不会删除该帖子。但如果管理员另有决定，我不会介意。再见