如何为 WooCommerce 中单个产品页面上显示的接近销售价格的折扣百分比添加 CSS 类

Question

我使用“在 WC 3.0+ 的单个产品页面中显示接近销售价格的折扣百分比”

我使用此代码在单个产品页面上显示价格后的销售百分比。但我想自定义它 - 给它背景，填充等......

所以我需要在该函数中包含 CSS 类名，以便能够通过 CSS 对其进行自定义

我只想将它添加到“ -percentage”（我不希望它既不应用于折扣价也不应用于正常价格）

Answer 1

一些附加信息HTML<del>标签HTML<ins>标签如何 -添加课程所以你得到function woocommerce_custom_sales_price( $price, $regular_price, $sale_price ) {    $percentage = round( ( $regular_price - $sale_price ) / $regular_price * 100 ).'%';    $percentage_txt = '<span class="my-class">' . __('-', 'woocommerce' ) . $percentage . '</span>';    $price = '<del>' . ( is_numeric( $regular_price ) ? wc_price( $regular_price ) : $regular_price ) . '</del>    <ins>' . ( is_numeric( $sale_price ) ? wc_price( $sale_price ) . $percentage_txt : $sale_price . $percentage_txt ) . '</ins>';    return $price;}add_filter( 'woocommerce_format_sale_price', 'woocommerce_custom_sales_price', 10, 3 );