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

sebas6691

在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>

LoicTheAztec

已更新-缺货订单中的以下产品将添加自定义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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在WooCommerce产品页面中显示自定义挂钩

在WooCommerce中通过减少自定义库存数量来使“缺货”产品变型变灰

将产品变体的自定义字段值显示到WooCommerce中的“自定义产品”选项卡

如果缺货,则在特定的WooCommerce产品页面中输出自定义代码

如果产品在WooCommerce中缺货,则将自定义类添加到链接

在WooCommerce折扣产品上显示自定义价格后缀

在Woocommerce中添加和保存管理产品变体自定义字段

在Woocommerce中使用自定义元数据隐藏“缺货”产品

在Woocommerce订单和电子邮件中显示产品变体的自定义字段

在Woocommerce购物车上显示产品变体的自定义字段

在Woocommerce中将“缺货”产品替换为自定义字段值

基于Woocommerce产品变体库存数据的自定义显示复选框

在Woocommerce中查找并显示产品自定义字段值

WooCommerce复制具有变体的产品的自定义帖子元值

在Woocommerce变量产品的变体描述之前自定义显示

单个Woocommerce产品自定义变体添加到购物车按钮

在Woocommerce店面主页上自定义显示的产品

WooCommerce:随处添加/显示产品或版本自定义字段

显示WooCommerce产品属性的自定义分类术语图像

在变体产品Woocommerce中获取价值新的自定义字段?

WooCommerce自定义缺货文本+特定产品ID

向WooCommerce产品变体选项中添加自定义复选框

基于WooCommerce中产品类别的自定义“缺货”文本

从WooCommerce相关产品自定义WP查询中删除缺货的产品

如何在 Woocommerce 的自定义产品类型中添加变体选项卡?

自定义 Woocommerce 可变产品价格范围,用于多个活动变体

WooCommerce 产品变体下拉菜单的自定义 HTML

在 Woocommerce 中自定义功能变体产品

在具有多种变体的 Woocommerce 产品变体旁边显示“缺货”文本