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

Question

我使用“”（原始答案代码）

我使用此代码在单个产品页面上显示价格后的销售百分比。但我想对其进行自定义 - 为其提供背景、填充等...

所以我需要在该函数中包含 CSS class 名称，以便能够通过 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 );

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

How to add a CSS class for the displayed discounted percentage near sale price on single product pages in WooCommerce

css

php

wordpress

discount

woocommerce