在Woocommerce中,我试图使自定义div容器在可变产品的变体缺货但可以延期交货时可见。
因此,默认情况下它是隐藏的。但是,当客户选择了缺货但可以延期交货的变体时,它将显示我编写的div块。
我将这个div块放置在产品的简短说明中,因为这是我希望在缺货时可以看到它的地方。或者至少,我想在产品简短说明下的变化形式上方找到它。
由于我对php和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>
已更新-缺货订单中的以下产品将添加自定义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文件中。经过测试和工作。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句