Php WooCommerce更改产品可用性的大小和颜色

我使用此代码在产品详细信息页面中显示产品可用性。 我想编辑显示可用性的字体大小和颜色

有人能帮我吗

add_filter( 'woocommerce_get_availability', 'wcs_custom_get_availability', 1, 2);
function wcs_custom_get_availability( $availability, $_product ) {
    
    // Change In Stock Text
    if ( $_product->is_in_stock() ) {
        $availability['availability'] = __('Verfügbar', 'woocommerce') ;
    }
    // Change Out of Stock Text
    if ( ! $_product->is_in_stock() ) {
        $availability['availability'] = __('Leider ausverkauft!', 'woocommerce');
    }
    return $availability;
}

---

请改为使用以下内容：

add_filter( 'woocommerce_get_availability', 'filter_wc_get_availability', 10, 2);
function filter_wc_get_availability( $availability, $product ) {

    // In stock
    if ( 'in-stock' ===  $availability['class'] ) {
        $availability['availability'] = __('Verfügbar', 'woocommerce');
    }
    // Out of stock
    elseif ( 'out-of-stock' ===  $availability['class'] ) {
        $availability['availability'] = __('Leider ausverkauft!', 'woocommerce');
    }

    return $availability;
}

内联CSS样式规则（可以添加到主题的styles.ccs文件中）：

add_action（'wp_head'，'product_availability'，'css_styleing_rules'，9990）；
功能产品可用性css样式规则（）{
//仅在单个产品页面上
如果（is_product（））：
?>
.stock.in-stock{字体大小：13px！重要；颜色：#0f834d；}
.stock.out-of-stock{字体大小：13px！重要；颜色：#e2401c；}
add_action('wp_head', 'product_availability_css_styling_rules', 9990 );
function product_availability_css_styling_rules() {
    // Only on single product pages
    if( is_product() ):
    ?><style>
        .stock.in-stock {font-size: 13px !important; color: #0f834d;}
        .stock.out-of-stock {font-size: 13px !important; color: #e2401c;}
    </style><?php
    endif;
}