问题:将 <HTML> 添加到 WooCommerce“我的帐户”订单表中的订单状态列

我想对订单列表(我的帐户区域)中某些订单列的内容进行样式设置。问题是,每个内容都没有任何我可以用于样式的元素开始。

例如:我想给订单状态一个像徽章一样的背景颜色。目前状态是列中唯一的内容。像这样:

<td class="woocommerce-orders-table__cell woocommerce-orders-table__cell-order-status" data-title="Status">
    Completed
</td>

我想把它改成这样:

<td class="woocommerce-orders-table__cell woocommerce-orders-table__cell-order-status" data-title="Status">
    <span class="badge badge-success">Completed</span>
</td>

class是一个选项。我还可以根据<td>的类来设计简单的<span>。

有没有办法在不接触模板文件的情况下更改列的输出?这是一个非常重要的模板,我不想为了这么简单的添加而改变它。

在模板中,我在每列内容之前看到了这个动作:

<?php if ( has_action( 'woocommerce_my_account_my_orders_column_' . $column_id ) ) : ?>

有没有办法使用它?

解答

这确实是正确的方法,在这种情况下使用列 id order-status

woocommerce_my_ 帐户_my_ 订单\column\to**{$column_id}**

function my_callback( $order ) {
    echo '<span class="badge badge-success">' . esc_html( wc_get_order_status_name( $order->get_status() ) ) . '</span>';
}
add_action( 'woocommerce_my_account_my_orders_column_order-status', 'my_callback', 10, 1 );
# phpstorm
Logo
WooCommerce

WooCommerce社区为您提供最前沿的新闻资讯和知识内容

更多推荐

在验证自定义 woocommerce 设置插件的文本输入字段时显示错误消息

问题:在验证自定义 woocommerce 设置插件的文本输入字段时显示错误消息 我在以下stackoverflow页面上阅读了以下问题和答案自定义选项卡验证 当我的 woocommerce 管理设置插件的许可证密钥无效时,我想显示一条错误消息。 许可证密钥的验证码有效,但如果密钥错误,我无法显示消息。 请参阅以下代码: function filter_woocommerce_admin_sett

avatar WooCommerce

致命错误:使用命名空间时找不到类 'WC_Settings_Page'

问题:致命错误:使用命名空间时找不到类 'WC_Settings_Page' 我有扩展 WC_Settings_Page 的奇怪问题。我想用它来添加设置选项卡(以及 Woocommerce 设置部分中的一些部分。 我的插件基于 OOP,我的所有文件都有相关的命名空间。我有一个核心类,如下所示(如果你需要查看完整的结构,你可以在我的githubrepo 中找到它: <?php /** * The f

avatar WooCommerce

无法从链接的 woocommerce 产品图像中删除边框

问题:无法从链接的 woocommerce 产品图像中删除边框 我刚刚将https://bestfamily.gr的店面主题更新为 2.5.5,我注意到当我单击产品图像或图像链接时会显示边框。 我把我的CSS img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.lazyloaded { text-decoration: n

avatar WooCommerce