css - 如何在 WooCommerce 上为收费赋予独特的风格
问题描述
我根据用户计划在 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 定位元素位置可能不是一个好主意。有什么建议吗?
解决方案
在 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"...
推荐阅读
- java - 使用单个删除任务删除多个目录
- ruby-on-rails - Rails+Mongoid - 哈希字段查询
- onclick - 传递数据:点击 Svelte
- javascript - Bot 没有在听 guildMemberAdd
- .htaccess - Htaccess如何将静态文本添加到url
- java - 如何在运行 groovy 脚本 URL 时禁用 SSL 验证?
- flutter - 参数类型“对象?” 不能分配给参数类型“地图”
'。但我的变量不是“对象”它是一张地图 - arrays - 如何在 bash 函数中使用对关联数组的 bash 变量引用而不在调用该函数之前声明它?
- python - 谷歌 Colab 中 SLIM 包的问题
- javascript - Lit / LitElement ReactiveElement 静态属性