风格化 woocommerce 价格小数点

Question

我想对价格标签中的小数进行样式化，并希望删除零个小数（190,00 之前），它应该是（190 之后，-）

“，”后面的小数我想像这个演示图片一样变小：

所以首先我想在functions.php中用这一行删除小数

add_filter( 'woocommerce_price_trim_zeros', '__return_true' );

至少它删除了应有的零：

这就是带小数的价格看起来像我想变小的女巫：

经过一番搜索，我找到了一段代码，它可以使小数变小。所以我用这段代码做到了这一点：

add_filter( 'formatted_woocommerce_price', 'ts_woo_decimal_price', 10, 5 );function ts_woo_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 . $decimal_separator. '<sup>' . $decimal . '</sup>';

}

所以现在价格看起来不错，但奇怪的是，价格比缩小之前低了 1 美分！

现在的问题是，零小数所在的价格现在又回来了....

我查了几个小时的谷歌并尝试了很多东西，我真的遇到了麻烦。我希望有人能把我引向正确的方向。

谢谢

Answer 1

您可以查看此答案Check if number is decimal以检查价格是否为小数。

然后将小数部分作为整数放入<sup> 标签内。
如果价格是整数，<sup> 标签将包含"00"。

如果需要，您可以将自己的自定义 CSS 样式应用到 <sup> 标记，以根据需要对其进行格式化。

// change the price formatting to apply a custom style to the decimals
add_filter( 'formatted_woocommerce_price', 'custom_formatted_woocommerce_price', 10, 5 );
function custom_formatted_woocommerce_price( $formatted_price, $price, $decimal_number, $separator, $thousand_separator ) {
    // if the price is float
    if ( floor( $price ) != $price ) {
        // gets the whole part
        $int = floor( $price );
        // gets the decimal part as an integer (based on the number of decimals set)
        $decimals = substr( $price, -$decimal_number );
    // if it is an integer
    } else {
        $int = $price;
        $decimals = '00';
    }
    // returns the price by separating the integer part from the decimals
    $formatted_price = '<span class="int">' . $int . $separator . '</span><sup>' . $decimals . '</sup>';
    return $formatted_price;
}

代码已经过测试并且可以运行。将其添加到活动主题的 functions.php 中。