用选定的变体描述替换 WooCommerce 产品简短描述

Question

如果可变产品描述可见，我可以隐藏 woocommerce 简短描述吗？

然后如果我重置变体，那么简短描述将再次显示，然后再次隐藏可变产品描述。

有什么帮助吗？

Answer 1

要用所选变体描述替换可变产品简短描述（如果它不为空），您可以使用以下方法：

add_action( 'woocommerce_before_variations_form', 'variable_product_jquery_script' );
function variable_product_jquery_script() {
    ?>
    <style>.woocommerce-variation-description {display:none !important}</style>
    <script>
    (function($) {
        var selector  = '.woocommerce-product-details__short-description',
            form      = $('form.cart'),
            shortDesc = $(selector).html();

        form.on('show_variation', function(event, data){
            var varDesc = data.variation_description;       
            $(selector).html( varDesc ? varDesc : shortDesc );
        });

        form.on('hide_variation', function(){
            $(selector).html(shortDesc);
        });
    })(jQuery);
    </script>
    <?php
}

代码进入活动子主题（或活动主题）的 functions.php 文件。已测试并有效。