在WooCommerce中更改某些产品的“售罄”

Question

我要做的是更改标准的WooCommerce Sold Out消息，并在其后添加一些仅适用于两种类型的产品。

我决定通过更改出现在p元素中的文本来尝试使用JavaScript。我首先做一个窗口网址检查，看看我们是否在正确的页面，如果我们是，那么请确保文本不只是说“UITVERKOCHT”而是“UITVERKOCHT（neem通过contactformulier联系，levertijd 2 werkdagen） “。

UITVERKOCHT显示产品何时售罄。但是对于这两个产品，我想在UITVERKOCHT之后添加一条额外的消息。所以这就是我到目前为止所做的。

if(window.location.href.indexOf("prikkabel-50-meter") > -1 || window.location.href.indexOf("prikkabel-100-meter") > -1){
    jQuery( "#product-5666 > div.single-product-wrapper > div.summary.entry-summary > form > div > div.woocommerce-variation.single_variation > div.woocommerce-variation-availability > p" ).change(function() {
        console.log('a change occured');
    });
}

知道我还能尝试什么吗？

Answer 1

您可以尝试woocommerce_get_availability过滤器：

在您的主题中functions.php：

add_filter( 'woocommerce_get_availability', 'custom_availability', 5, 2 );

function custom_availability( $availability, $_product ) {

    // If the product is out of stock and the product id = 5666
    if ( ! $_product->is_in_stock() && $_product->id === 5666 ) {

        $availability['availability'] = __( '[your custom text here]', 'woocommerce' );
    } 

  return $availability;
}

如果产品缺货，这将应用上述过滤器 AND 产品ID 5666 。