WooCommerceフィルタートグルにアイコンだけでなくタイトルも含めるようにする

footer.php ファイルを開き、次のJavaScriptコードを追加してください：

<script>
window.addEventListener('load', (e) => {
        document.querySelectorAll('.woof_container_inner h4').forEach(function (h) {
            if (h.querySelector('a.woof_front_toggle')) {
                h.style.cursor = 'pointer';
                h.addEventListener('click', function (e) {
                    h.querySelector('a.woof_front_toggle').click();
                    return false;
                });

            }
        });
    });
</script>

また、hook wp_footer を使用することもできます。現在のWordPressテーマの functions.php ファイルを開き、次のコードを追加してください：

add_action('wp_footer', function() {
    ?>
    <script>
        window.addEventListener('load', (e) => {
            document.querySelectorAll('.woof_container_inner h4').forEach(function (h) {
                if (h.querySelector('a.woof_front_toggle')) {
                    h.style.cursor = 'pointer';
                    h.addEventListener('click', function (e) {
                        h.querySelector('a.woof_front_toggle').click();
                        return false;
                    });

                }
            });
        });
    </script>
    <?php
});