显示woocommerce缺货产品变体的自定义div块

Question

在Woocommerce中，我试图使一个定制的div容器在可变产品的变体缺货时可见，但在缺货时可用。

<div class="mto-cont">
<div class="col-xs-6 made-to-order"><a href="#">Made to Order</a></div>
<div class="col-xs-6">Production time: <span style="color: #000;">2 - 4 weeks</span></div>

Answer 1

更新-以下将添加一个自定义的html显示，当产品变化是在延迟订单：

add_filter( 'woocommerce_available_variation', 'custom_outofstock_variation_addition', 10, 3 );
function custom_outofstock_variation_addition( $data, $product, $variation ) {
    if( $variation->is_on_backorder() ){
        $data['availability_html'] .= '<div class="mto-cont">
        <div class="col-xs-6 made-to-order"><a href="#">Made to Order</a></div>
        <div class="col-xs-6">Production time: <span style="color: #000;">2 - 4 weeks</span></div>
        </div>';
    }
    return $data;
}

代码放在您的活动子主题（或活动主题）的function.php文件中。经过测试并起作用。