You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用Elementor搭建Wordpress站点时Woocommerce商店/商品页头部不显示

WooCommerce与Elementor冲突导致店铺/产品页头部消失修复方案
  • 优先检查Elementor主题构建器的头部模板适用范围:进入WordPress后台→Elementor→主题构建器,找到当前生效的Header模板,点击「编辑条件」,确认添加了「商店页」、「产品页」、「产品分类页」等所有WooCommerce相关页面的适配规则,保存后清除站点所有缓存再测试。
  • 检查WooCommerce关联页面的模板配置:进入后台→页面,找到设置为商店页的页面,编辑状态下右侧页面属性栏的「模板」选项,确认没有选择「Elementor Canvas」这类无头部底部的空白模板,选择默认模板或主题自带的含头部的页面模板即可。
  • 排查版本兼容问题:如果当前使用的是Beta/开发版的Elementor Pro或者WooCommerce,先回退到官方正式稳定版,推荐兼容组合为Elementor Pro ≥3.18 + WooCommerce ≥8.0,低于该版本组合建议先升级WordPress核心、所有插件到最新稳定版后再测试。
  • 排查主题/自定义代码冲突:先切换到WordPress默认的Twenty Twenty-Four主题测试,如果头部恢复,说明当前使用的自定义主题的WooCommerce适配钩子存在问题,检查主题functions.php文件中是否有移除WooCommerce页面wp_head、get_header钩子的自定义代码,删除对应代码即可。
  • 临时兜底修复:如果以上排查都无效,可在主题functions.php文件中添加强制调用头部的代码:
add_action('woocommerce_before_main_content', 'custom_force_load_header', 5);
function custom_force_load_header() {
    if (is_shop() || is_product()) {
        get_header();
    }
}

添加后清除所有缓存即可在商店、产品页强制加载头部。

内容的提问来源于stack exchange,提问作者Doris Chai

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.03 04:09:04