WoodMart 产品分类标题背景(Category Page Title Background)在 Elementor 中设置动态背景

在外贸建站中使用 WoodMart + Elementor + JetEngineWoodMart 主题布局,制作 WooCommerce 产品分类模板(Archive Products)时,经常会遇到一个问题:

如何将 WoodMart 产品分类中的 Category Page Title Background 作为 Elementor 容器(Container)的动态背景图片?

经常我的测试,终于找到最简单的解决方案。

问题

WoodMart 产品分类编辑页面中,有一个字段:
Products → Categories → 编辑分类
可以设置:
Category page title background
但在 Elementor 的 Container → Background → Dynamic Tags 中,并不知道这个字段名称是什么,因此无法直接调用。

WoodMart 产品分类标题背景(Category Page Title Background)在 Elementor 中设置动态背景

第一步:查看字段名称

可以使用下面的代码加入到主题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
参数设置:

选项
TaxonomyProduct categories
Meta Fieldtitle_image

Meta Field 填写:
title_image
保存即可正常显示分类标题背景。

WoodMart 产品分类标题背景(Category Page Title Background)在 Elementor 中设置动态背景

为什么可以?

虽然数据库保存的是序列化数组:
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% 的国家和地区。