将"Sold Out"添加到Woocommerce变体下拉菜单中

Question

我想出了灰色的WooCommerce变量产品的灰色选项，这要归功于下一页上的代码：灰色灰度灰色，灰色，灰色ofer of储备产品变化（WooCommerce）

我想知道是否有一种方法可以将"售罄"文本添加到不可用的选项中。似乎曾经有一种方法可以做到这一点，但这不再起作用。https://www.skyverge.com/blog/add-sold-to-woocommerce-variable-product-dropdow/

任何帮助将不胜感激！

Answer 1

我们需要注入页面中的JavaScript，以添加'sold Out'（或任何其他通知）是：

<script type="text/javascript">
jQuery( document ).bind( 'woocommerce_update_variation_values', function() {
jQuery( '.variations select option' ).each( function( index, el ) {
var sold_out = '<?php _e( 'sold out', 'woocommerce' ); ?>';
var re = new RegExp( ' - ' + sold_out + '$' );
el = jQuery( el );
if ( el.is( ':disabled' ) ) {
 if ( ! el.html().match( re ) ) el.html( el.html() + ' - ' + sold_out );
} else {
if ( el.html().match( re ) ) el.html( el.html().replace( re,'' ) );
}
} );
} );
</script>

最后一步是通过" woocommerce_before_add_to_cart_form"操作将此JavaScript注入页面内容中：

add_action( 'woocommerce_before_add_to_cart_form', 'woocommerce_sold_out_dropdown' );
function woocommerce_sold_out_dropdown() {
?>
// JavaScript from above goes here
 <?php
}

预先感谢