如何为 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 );