在外贸建站中使用 WoodMart + Elementor + JetEngine ,WoodMart 主题布局,制作 WooCommerce 产品分类模板(Archive Products)时,经常会遇到一个问题:
如何将 WoodMart 产品分类中的 Category Page Title Background 作为 Elementor 容器(Container)的动态背景图片?
经常我的测试,终于找到最简单的解决方案。
文章目录
Toggle问题
WoodMart 产品分类编辑页面中,有一个字段:
Products → Categories → 编辑分类
可以设置:
Category page title background
但在 Elementor 的 Container → Background → Dynamic Tags 中,并不知道这个字段名称是什么,因此无法直接调用。

第一步:查看字段名称
可以使用下面的代码加入到主题funtcion.php ,然后打开产品分类页面,会看到页面底部输出当前产品分类的所有 Term Meta:
add_action('wp_footer', function ()
{ if (is_product_category()) { $term = get_queried_object(); echo '<pre>';
print_r(get_term_meta($term->term_id)); echo '</pre>'; } });
输出结果如下:
Array ( [product_count_product_cat] => Array ( [0] => 9 )
[title_image] => Array ( [0] => a:2:{ s:3:"url"; s:71:"https://example.com/wp-content/uploads/2026/07/image.jpg"; s:2:"id"; s:3:"212"; } )
[thumbnail_id] => Array ( [0] => 0 ) )
由此可以确认:
WoodMart 保存标题背景图片使用的字段名称为:
title_image
第二步:JetEngine 正确调用方式
经过测试,JetEngine 的 Term Image 可以自动解析 WoodMart 的图片字段。
Elementor 设置如下:
Container
↓
Style
↓
Background Image
↓
Dynamic Tags
↓
JetEngine → Term Image
参数设置:
| 选项 | 值 |
|---|
| Taxonomy | Product categories |
| Meta Field | title_image |
Meta Field 填写:
title_image
保存即可正常显示分类标题背景。

为什么可以?
虽然数据库保存的是序列化数组:title_image
但是 JetEngine 的 Term Image 会自动:
获取 Term Meta
自动反序列化(maybe_unserialize())
提取图片 ID 或 URL
返回 Elementor 作为背景图片
因此无需编写任何 PHP,也无需新增字段。
与 WooCommerce 分类缩略图的区别
WooCommerce 默认分类图片字段为:thumbnail_id
而 WoodMart 的分类标题背景字段为:title_image
两者互不影响。
| 功能 | 字段 |
| 分类缩略图(Category Image) | thumbnail_id |
| 分类标题背景(Category Page Title Background) | title_image |
无需编写任何额外代码,即可直接将 WoodMart 产品分类的 Category Page Title Background 设置为 Elementor 容器的动态背景图片。
需要外贸独立站建站或 GEO 优化服务?美络云科技(Mloun)提供 WordPress 外贸独立站建站、WooCommerce 跨境商城、海外 SEO 与 GEO 生成式引擎优化一站式服务,服务覆盖全球 25% 的国家和地区。