寻找WooCommerce商品页库存变体屏蔽相关JS文件及修改问题

问题分析 #

你遇到的核心问题有两个：

1. 直接修改WooCommerce核心add-to-cart-variation.js无效，是因为WooCommerce默认加载压缩版脚本（add-to-cart-variation.min.js），或是网站缓存、主题/插件重写了该脚本；
2. wc-add-to-cart-variation是WooCommerce核心在includes/class-wc-frontend-scripts.php中注册的，无需找单独注册文件，核心已统一处理。

具体解决方案 #

1. 正确重载JS脚本（不修改核心文件）

直接改核心文件会导致WooCommerce更新后失效，推荐用子主题或自定义插件重载：

• 在子主题目录下新建js/custom-add-to-cart-variation.js，复制原add-to-cart-variation.js的代码，修改你需要的逻辑（比如取消特定缺货变体的禁用判断）；
• 在子主题functions.php中添加以下代码，注销原脚本并注册自定义版本：

  function custom_overload_variation_script() {
      wp_deregister_script( 'wc-add-to-cart-variation' );
      wp_enqueue_script( 
          'wc-add-to-cart-variation', 
          get_stylesheet_directory_uri() . '/js/custom-add-to-cart-variation.js', 
          array( 'jquery', 'wp-util', 'wc-add-to-cart' ), 
          WC_VERSION, 
          true 
      );
  }
  add_action( 'wp_enqueue_scripts', 'custom_overload_variation_script', 20 );
  

• 操作后清空浏览器缓存、网站缓存插件的缓存，确保加载新脚本。

2. 通过PHP钩子控制变体禁用状态

如果想通过PHP直接控制哪些缺货变体不被屏蔽，用WooCommerce内置钩子woocommerce_variation_is_active，无需手动修改类名：

function custom_allow_specific_out_of_stock_variations( $active, $variation ) {
    // 示例：允许SKU为"SKU123"的缺货变体保持可选择状态
    if ( ! $variation->is_in_stock() && $variation->get_sku() === 'SKU123' ) {
        $active = true;
    }
    return $active;
}
add_filter( 'woocommerce_variation_is_active', 'custom_allow_specific_out_of_stock_variations', 10, 2 );

这个钩子会直接影响WooCommerce对变体活跃状态的判断，前端会自动同步disabled类的状态。

3. 排查缓存与加载优先级

• 检查是否有缓存插件（如WP Rocket、W3 Total Cache）缓存了旧脚本，彻底清空所有缓存；
• 查看主题functions.php或相关配置，确认主题是否已重载wc-add-to-cart-variation，确保你的重载函数优先级更高（代码中20的优先级高于默认的10）。

内容的提问来源于stack exchange，提问作者Davi Davi Amrico Amrico