1

我根据用户计划在 Woocommerce 上创建了自定义费用。我在我的functions.php：

function my_discount_based_on_user_membership( $cart ) {
    $discount = 10;
    $cart->add_fee( "My Discount", -$discount );
}
add_action( 'woocommerce_cart_calculate_fees', 'my_discount_based_on_user_membership', 20, 1 );

假设这笔费用的价值为 -10 美元。我希望 -$10 有另一种颜色，例如红色。有没有办法在 Woocommerce 中为自定义费用设置 CSS 类？如何定位这个元素？

因为我以后可能会有另一个折扣，所以使用 JS 或 CSS 定位元素位置可能不是一个好主意。有什么建议吗？

4

1 回答 1

1

在 WooCommerce 中为收费赋予独特的风格

使用 CSS

.fee bdi {
    color: red;
}

或者

您可以覆盖cart/cart-totals.php模板文件

  • 可以覆盖此模板，将其复制到yourtheme/woocommerce/cart/cart-totals.php.

替换（第 61 行 @version 2.3.6）

<td data-title="<?php echo esc_attr( $fee->name ); ?>"><?php wc_cart_totals_fee_html( $fee ); ?></td>

和

<td style="color:red;" data-title="<?php echo esc_attr( $fee->name ); ?>"><?php wc_cart_totals_fee_html( $fee ); ?></td>

和

checkout/review- order.php文件

  • 这个模板可以通过复制它来覆盖yourtheme/woocommerce/checkout/review-order.php.

替换（第 80 行 @version 5.2.0）

<td><?php wc_cart_totals_fee_html( $fee ); ?></td>

和

<td style="color:red;"><?php wc_cart_totals_fee_html( $fee ); ?></td>

注意：覆盖模板文件时，不要使用内联 CSS。您也可以添加自定义类<td class="my-class"...

于 2021-07-13T15:26:07.913 回答