如何仅给WooCommerce分类/归档页的第一页分配Elementor模板

实现方案 #

有两种可行的实现方式，你可以根据自己的技术栈选择：

方案1：通过WordPress钩子动态切换模板（推荐，稳定性更高） #

你可以在当前主题的functions.php文件或者自定义功能插件中添加如下代码：

// 商品分类页第一页加载自定义模板，分页页使用默认模板
add_filter( 'template_include', 'custom_category_first_page_template', 99 );
function custom_category_first_page_template( $template ) {
    // 判断是否为fashion商品分类页，且无分页参数或为第一页
    // 如果你站点分页参数为product-page，可替换判断逻辑为：!isset($_GET['product-page']) || intval($_GET['product-page']) <= 1
    if ( is_product_category( 'fashion' ) && ( get_query_var( 'paged', 1 ) <= 1 ) ) {
        // 这里替换为你自定义模板的实际路径，Elementor创建的模板可调用elementor_theme_do_location方法渲染
        $custom_template = locate_template( 'women-fashion-category.php' );
        if ( !empty( $custom_template ) ) {
            return $custom_template;
        }
    }
    return $template;
}

注意：如果你的自定义模板是通过Elementor可视化创建的，不需要写独立模板文件，把上面的自定义模板加载逻辑替换为Elementor的模板渲染函数即可。

方案2：通过Elementor模板的显示条件控制 #

如果你不想写代码，可以直接在Elementor后台配置模板显示规则：

• 进入Elementor模板库，找到你创建的「women's fashion」分类模板
• 在模板的「显示条件」设置中，添加自定义排除规则
• 借助Elementor的动态标签能力，获取URL的查询参数，设置规则为：当URL中存在product-page参数且值大于等于2时，不加载当前自定义模板

验证步骤 #

修改完成后清除站点缓存，分别访问分类首页和第二页验证效果：

• 分类首页应当正常加载你创建的带自定义区块的模板
• 分页页应当自动切换为主题默认的商品分类模板
• 确认分页跳转逻辑正常，商品数据无缺失

内容的提问来源于stack exchange，提问作者Code is Cheap Show me The Talk