为了账号安全,请及时绑定邮箱和手机立即绑定

WooCommerce 更改产品可用性的尺寸和颜色

WooCommerce 更改产品可用性的尺寸和颜色

PHP
慕容708150 2023-08-11 11:04:07
我有此代码可以在产品详细信息页面中显示产品可用性。我想编辑显示的可用性的字体大小和颜色。谁能帮我?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;}
查看完整描述

1 回答

?
斯蒂芬大帝

TA贡献1827条经验 获得超8个赞

请改用以下内容:


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 文件中。经过测试并有效。


查看完整回答
反对 回复 2023-08-11
  • 1 回答
  • 0 关注
  • 104 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信