我如何设置“背订”的样式：＆quot。 - wp -admin中的文字 - ＆gt;订单编辑？

Question

我需要为WooCommerce在WP-ADMIN，订单编辑页面上打印“背订”文本的样式，最好是订单编辑，以及“订单快速查看”模式。

我的问题是没有类或ID可以针对我的CSS。

    <table cellspacing="0" class="display_meta">
     <tbody>
//  THIS FOLLOWING TR I NEED TO STYLE
       <tr> 
        <th>Backordered:</th>
          <td><p>2</p></td>
       </tr> 
// EOF
       <tr>
        <th>Cost of goods:</th>
         <td><p>8,17</p></td>
       </tr>
       <tr>
        <th>Purchase price:</th>
         <td><p>8,17</p></td>
       </tr>
     </tbody>
    </table>

我尝试使用一些这样的简单CS：

table.display_meta tr:first-child {
    color: red !important;
}

这确实有效，但是问题在于您可以从附件的图像中看到。我每个产品都打印几个元字段，因此当订单有许多订购线时，每个第一个TR的孩子显然会变红。

只想将备用样式的线条使它变得足够可见，这样仓库就不会启动包装过程。

我认为我需要添加一些课程，或者也许可以使用摘要来完成此操作。但是，即使是Google也不是我的朋友。我找不到任何例子。

如果我可以解决保留固定后排序产品的正确类ID，则还可以设计整个＆lt; tr class =“ item”＆gt;。

有人吗？

Answer 1

您可以通过WooCommerce_Admin_htmin_html_order_item_item_item_item_class filter filter ocy ＆lt; tr＆gt;在项目的＆lt; tr; tr;中添加其他CSS类。

要将其添加到订单预览模式中，您可以使用woocommerce_admin_html_order_preview_item_class_class filter。

add_filter( 'woocommerce_admin_html_order_item_class', 'woocommerce_admin_html_order_item_add_backorder_class', 10, 3 );
add_filter( 'woocommerce_admin_html_order_preview_item_class', 'woocommerce_admin_html_order_item_add_backorder_class', 10, 3 );
function woocommerce_admin_html_order_item_add_backorder_class( $class, $item, $order ) {
    foreach ( $item->get_formatted_meta_data( '_', true ) as $meta_id => $meta_data ) {
        if ( strpos( $meta_data->key, 'Backordered' ) !== false ) {
            $class .= 'backordered-item';
            break;
        }
    }
    return $class;
}