php - 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 ファイルに入ります。テスト済みで動作します。