如何仅在WooCommerce产品分类页面加载JS脚本？

别担心，这个问题很常见，咱们可以利用WooCommerce自带的条件标签，精准控制脚本只在产品分类页面加载，彻底解决其他页面因缺少对应HTML元素导致的报错。

替换你的全局加载代码 #

把你当前在functions.php里的全局脚本加载代码，替换成下面这段代码：

/**
 * 仅在WooCommerce产品分类页面加载自定义脚本
 */
add_action('wp_enqueue_scripts', 'load_my_product_category_script');
function load_my_product_category_script() {
    // 检查当前页面是否为WooCommerce产品分类页面
    if (is_product_category()) {
        // 加载自定义脚本，请替换为你的实际脚本信息
        wp_enqueue_script(
            'custom-product-cat-script', // 脚本唯一标识
            get_template_directory_uri() . '/js/your-custom-script.js', // 脚本文件路径
            array('jquery'), // 依赖的脚本（比如依赖jQuery）
            '1.0', // 脚本版本号
            true // 是否在页面底部加载（推荐设为true，优化页面加载速度）
        );
    }
}

关键说明 #

• 条件标签is_product_category()：这是WooCommerce专门用来判断当前页面是否为产品分类页面的函数，只有在符合条件时才会执行脚本加载逻辑。
• 脚本路径替换：把get_template_directory_uri() . '/js/your-custom-script.js'替换成你实际的脚本文件路径，如果是子主题，记得改用get_stylesheet_directory_uri()来获取子主题目录路径。
• 依赖设置：如果你的脚本依赖jQuery或者其他WordPress内置脚本，在array('jquery')里添加对应的标识即可，WordPress会自动处理加载顺序。

额外注意事项 #

• 确保你的WordPress站点已经激活了WooCommerce插件，否则is_product_category()条件标签无法正常工作。
• 替换完成后，记得清除站点缓存和浏览器缓存，确保新的加载规则生效。
• 如果脚本还是无法加载，可以打开浏览器开发者工具的网络面板，检查脚本是否返回404错误，排查路径是否正确。

内容的提问来源于stack exchange，提问作者Ian Garvey