仅将CSS应用于小数的woocmmerce

Question

我正在尝试找到一个可以使WooCommerce价格中的小数点帖子具有自己的CSS课程的功能，因此我可以将与非非那样的风格应用于非非非非商品价格的十进制部分。我有多语言和多货币网站。

我找到了一个执行我要寻找的代码，但它以一种将代替巴西符号的货币符号进行编码，并且因为我不知道自己如何编码，所以我无法修改适用于我的需求的代码。

预先感谢。

Answer 1

将<span>添加到小数中并为其创建一个类：

html：

<div name="price">
    &#36; 99.<span class="decimals">99<span>
</div>

CSS：

.decimals {
    /* The style you want for the decimals goes here */
}

Answer 2

您需要使用formatted_woocommerce_price过滤器。检查代码示例。您可以将sub更改为您想要的特定类别的任何HTML元素。

add_filter( 'formatted_woocommerce_price', 'style_decimal_price', 10, 5 );
function style_decimal_price( $formatted_price, $price, $decimal_places, $decimal_separator, $thousand_separator ) {
    $unit    = number_format( intval( $price ), 0, $decimal_separator, $thousand_separator );
    $decimal = sprintf( '%02d', ( $price - intval( $price ) ) * 100 );
    return $unit . '<sub class="custom-decimal">' . $decimal_separator. $decimal . '</sub>';
}