如何处理WooCommerce插件Hook以重排产品页面元素？

嘿，我懂你现在的困扰——主题里的Hook找得到也改得顺手，但碰到插件里的动作Hook就有点摸不着门道了对吧？其实思路和主题Hook是相通的，只是找Hook的路径不一样，我给你一步步拆解怎么操作：

第一步：定位插件里的目标Hook和关联函数 #

插件里的所有动作Hook都是通过do_action()定义的，你要调整的元素对应的函数，肯定是用add_action()挂在某个Hook上的。你可以这么找：

• 用IDE（比如VS Code、PhpStorm）打开插件文件夹，全局搜索do_action(，就能列出插件所有自定义的动作Hook；
• 如果知道目标元素对应的函数名（比如插件显示的“产品附加信息”模块），直接搜索这个函数名，就能找到它的add_action()注册代码，比如会看到类似：

  add_action('woocommerce_single_product_summary', 'wc_plugin_display_extra_info', 15);
  

  这里的woocommerce_single_product_summary是Hook名，wc_plugin_display_extra_info是目标函数，15是优先级，这三个信息你都要记牢。

第二步：移除原有动作并重新挂载 #

和主题Hook的操作逻辑完全一致，但要注意两个关键细节：

1. 优先级必须完全匹配：移除动作时，优先级要和插件注册时的数值一模一样，不然remove_action()会失效；
2. 确保在插件加载后执行：有些插件会在init甚至更晚的时机注册动作，所以最好把你的代码挂在wp_loaded钩子上，确保插件加载完成后再执行移除操作。

举个具体例子，假设你要把插件的“产品附加信息”从产品摘要区移到产品图片上方：

add_action('wp_loaded', function() {
    // 移除插件原有的动作，优先级15必须和插件里的一致
    remove_action('woocommerce_single_product_summary', 'wc_plugin_display_extra_info', 15);
    // 把函数挂载到新的Hook位置，这里用你想要的Hook和优先级
    add_action('woocommerce_before_single_product_summary', 'wc_plugin_display_extra_info', 10);
});

第三步：处理类中的动作Hook #

如果插件是面向对象写法，动作挂在类的方法上，移除时要稍作调整：

• 若为类的实例方法：先获取类的实例（比如插件用单例模式的话，会有get_instance()方法），再用数组形式指定回调：

  add_action('wp_loaded', function() {
      $plugin_instance = WC_Product_Extra_Info::get_instance();
      remove_action('woocommerce_single_product_summary', array($plugin_instance, 'display_extra_info'), 15);
      add_action('woocommerce_before_single_product_summary', array($plugin_instance, 'display_extra_info'), 10);
  });
  

• 若为类的静态方法：直接用类名+方法名的数组形式即可：

  remove_action('woocommerce_single_product_summary', array('WC_Product_Extra_Info', 'display_extra_info'), 15);
  

最后提醒 #

记得把代码放在子主题的functions.php文件或者自定义功能插件里，千万别直接修改原插件的代码——不然插件一更新，你的修改就全没了！

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