WooCommerce分类页循环中产品亮点与Flatsome主题适配问题调试问询

调试与解决思路 #

• 第一步：确认插件默认挂载规则
  先打开插件源码，找到产品亮点模块的挂载逻辑，WooCommerce默认店铺循环的加购按钮默认挂载在woocommerce_after_shop_loop_item钩子、优先级10，记录下插件的挂载钩子名和对应优先级。
• 第二步：查询Flatsome主题的钩子调整规则
  到Flatsome主题目录的inc/woocommerce/路径下，查找wc-template-hooks.php文件，搜索加购按钮的挂载配置，Flatsome大概率是修改了加购按钮的挂载优先级（比如调整到了5），导致优先级更低的亮点模块被渲染到下方。
• 第三步：调试当前钩子的回调排序
  在子主题functions.php中加入如下调试代码，在分类页前端输出当前钩子下所有回调的优先级顺序，确认两者的优先级差：

  add_action('wp', function () {
      // 仅在产品分类页输出调试信息
      if (is_product_category()) {
          global $wp_filter;
          // 替换为你确认的插件挂载的实际钩子名
          echo '<pre>';
          print_r($wp_filter['woocommerce_after_shop_loop_item']);
          echo '</pre>';
      }
  });
  

• 第四步：重新挂载调整位置
  确认优先级差后，在子主题functions.php中移除插件原挂载，用更高优先级（数值更小）重新挂载即可，示例代码：

  // 移除原有挂载，参数需替换为插件实际的回调函数名、原优先级
  remove_action('woocommerce_after_shop_loop_item', 'product_highlights_render_function', 10);
  // 重新挂载，优先级设置为比加购按钮的优先级更小即可
  add_action('woocommerce_after_shop_loop_item', 'product_highlights_render_function', 7);
  

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