Question

由于以下代码中的代码，我想到了Woocommerce变量产品的不可用选项：Greying out out-of-stock product variations (WooCommerce)

我想知道是否有办法添加＆＃34;售完＆＃34;文本到不可用的选项。似乎有一种方法可以做到这一点，但这不再适用。 https://www.skyverge.com/blog/add-sold-out-to-woocommerce-variable-product-dropdow/

任何帮助将不胜感激！

Answer 1

我们需要注入页面以添加“售完”（或任何其他通知）的JavaScript如下：

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

提前致谢

添加＆＃34;售罄＆＃34;到Woocommerce变种下拉列表

1 个答案: