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

Question

我使用“Display the discounted percentage near sale price in Single product pages for WC 3.0+”（原始答案代码）

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

所以我需要在该函数中包含 CSS 类名才能通过 CSS 自定义它

我只想将其添加到“-percentage”（我不想将其应用于折扣价或正价）

Answer 1

一些附加信息

• HTML <del> 标签
• HTML <ins> 标签
• 如何 - Add a Class

所以你得到

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 );