如何为 WooCommerce 产品指定不同的 Elementor 单页模板？

在使用 Elementor Pro 为 WooCommerce 打造自定义产品详情页时，我们常常希望为不同的商品调用不同的模板布局，比如有的产品展示重点是图片，有的则是参数与技术规格。那么问题来了：

Elementor 是否支持在编辑商品时选择调用哪个产品模板？

本文将详细讲解目前 Elementor 支持的方式，并提供多种解决方案，包括插件、分类法绕过法，甚至自定义代码实现场景级控制。无论你是轻量级站长还是进阶开发者，都能找到适合你的答案。

原生 Elementor Pro 的限制

Elementor 支持为 WooCommerce 创建多个 “Single Product” 模板，并通过 Display Conditions（显示条件） 来控制模板的适用范围。但它并不提供一个在商品编辑页中直接选择模板的下拉框，也就是说无法像页面模板那样「每个产品自由切换」。

方案一：通过 Display Conditions 实现按需控制（推荐）

如果你只是在不同产品类型之间切换模板，不需要每个商品都独立设置模板，那么可以通过「分类 / 标签」+「显示条件」来达到目的。

步骤：

1. 为不同模板设置显示规则：
   • 模板 A → Include: 产品分类 “布局A”
   • 模板 B → Include: 产品分类 “布局B”
2. 在商品编辑时，切换对应的分类或标签即可。

优势：

• 不依赖第三方插件；
• 原生支持、兼容性强；
• 分类和标签可复用，切换简单。

TIP：

如果你不想影响前台分类导航，可以新建一个专用于模板选择的隐藏分类或自定义分类法（如 product_template）。

方案二：借助插件实现“每个商品自由选择模板”

有些插件可以在 WooCommerce 商品编辑页中添加“模板选择器”，让你像选择页面模板一样为产品指派 Elementor 模板。

常见插件：

方案三：用代码实现真正的“模板下拉选择器”（开发者专用）

如果你不想装插件，又想在后台实现每个产品都可以自由选择模板，可以通过如下方式：

1. 添加自定义字段（推荐用 ACF）

为 product 类型添加一个自定义字段 _single_tpl_id，用于记录模板 ID。

2. 在模板加载时切换模板：

add_filter(
    'elementor/theme/get_location_templates/template_id',
    function ( $template_id, $location ) {
        if ( 'single' !== $location || ! is_product() ) return $template_id;
        $chosen = get_post_meta( get_the_ID(), '_single_tpl_id', true );
        return $chosen ? (int) $chosen : $template_id;
    },
    10,
    2
);

3. 获取可选模板列表：

$templates = get_posts([
    'post_type'  => 'elementor_library',
    'nopaging'   => true,
    'meta_query' => [
        ['key' => '_elementor_template_type', 'value' => 'single'],
    ],
]);

将此列表渲染为后台下拉字段即可完成模板选择器的构建。

总结：三种方法对比

写在最后

Elementor 本身并未开放“商品级别模板选择”这一功能，但通过灵活运用分类法、插件或开发手段，你依然可以实现强大的模板控制能力。对于追求个性化布局的 WooCommerce 商家来说，这是提升产品展示力的关键一步。

如果你对上述代码或插件配置有疑问，欢迎留言交流！