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

【问题标题】：WooCommerce change size and color of product availabilityWooCommerce 更改产品可用性的大小和颜色
【发布时间】：2020-11-07 09:48:47
【问题描述】：

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

谁能帮帮我？

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

【问题讨论】：

标签： php html css wordpress woocommerce

【解决方案1】：

改用以下内容：

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_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;
}

代码在您的活动子主题（或活动主题）的functions.php 文件中。经过测试并且可以工作。

【讨论】：