WooCommerce 产品页面上自动选择所有属性的第一个选项实例

要在 WooCommerce 产品页面上自动选择所有属性的第一个选项，可以使用以下 JavaScript 代码，该代码将遍历所有属性选择框并选择第一个可用选项。将以下代码添加到你的 WordPress 主题的 functions.php 文件中，或者通过一个插件插入自定义的 JavaScript 代码：

add_action('wp_footer', 'select_all_first_variations_js', 99);
function select_all_first_variations_js() {
    if (is_product()) {
        ?>
        <script type="text/javascript">
            jQuery(document).ready(function($) {
                if ($('.variations_form').length > 0) {
                    $('.variations_form .variations select').each(function() {
                     
                        $(this).find('option').eq(1).prop('selected', true);
                    }); 
                    $('.variations_form').trigger('check_variations');
                }
            });
        </script>
        <?php
    }
}