Wordpress教程 2024年07月4日
0 收藏 0 点赞 30 浏览 542 个字

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


 

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.mizhanw.com/blog/4918.html

上一篇:
下一篇:

已经没有下一篇了!

相关推荐
WooCommerce 产品页面上自动选择所有属性的第一个选项实例
要在 WooCommerce 产品页面上自动选择所有属性的第一个选项,可以使用以下 JavaScript 代码,该代码将遍历所有属性选择框并…
日期:2024-07-04 点赞:0 阅读:30
//Woocommerce 用自定义按钮/链接替换添加到购物车按钮(作用于列表页) add_filter( 'woocommerce_loo…
日期:2024-05-12 点赞:0 阅读:377
如何从woocommerce 类目链接中去掉 Product-Category
比如要把这个类目链接: https://www.fobwebs.com/product-category/apple/ 改成: https:…
日期:2024-05-07 点赞:0 阅读:389
woocommerce 订单相关钩子
woocommerce_checkout_update_order_meta: 在订单元数据更新时触发。您可以在此钩子中更新订单的元数据,例…
日期:2024-03-15 点赞:0 阅读:540
WordPress 的最佳 Cloudflare 设置(边缘涡轮增压)
无论您的 WordPress 主机有多快都无关紧要;您永远无法克服网络延迟。像 Cloudflare 这样的内容分发网络 (CDN) 通过将…
日期:2024-02-24 点赞:0 阅读:521
使用国外主题/插件后网站变很卡响应速度很慢的问题
变卡的原因 由于国内GFW的限制,有些资源被挡在海外无法加载,或者有些资源服务器延迟太高,导致网站加载速度缓慢,解决办法如下,二选一即可。 …
日期:2024-02-21 点赞:0 阅读:487
发表评论
暂无评论

还没有评论呢,快来抢沙发~