现象：详情页还是默认主题的样子
你在 Bricks 里精心排了一个商品详情页，结果访问线上商品页一看——还是主题自带的默认版式，你做的设计完全没出现。
这事儿在接 WooCommerce 商品页、或者自己注册的自定义文章类型（CPT，比如 movie、course）详情页时特别常见。明明编辑器里长得挺好，一发布就“被打回原形”。
根因：Bricks 模板靠条件命中才生效
Bricks 不是“编辑了就全局生效”，它走的是模板 + 条件机制：你做的那个漂亮页面其实是一张“模板”，只有当某个页面的条件（比如文章类型是 product）命中时，Bricks 才会用它去覆盖默认渲染。
没绑条件，或者条件没命中，Bricks 就只会退回主题默认模板，于是你看到的就是原样。本质问题不在编辑器坏了，而是“模板不知道该用到哪些页面上”。
步骤：新建 Single 模板并绑定条件
- WordPress 后台进入 Bricks > Templates（模板），点 Add New（新建模板）。
- Template type（模板类型） 选 Single（单页），给模板起个名字，比如
Product Single，然后 Edit with Bricks 进编辑器。 - 把商品标题、图册、价格、加购按钮、描述等模块按你想要的版式排好。Bricks 对 WooCommerce 有原生支持，元素面板的 WooCommerce / Product 分组里直接有产品标题、价格、加购表单、评价等元素可拖，不用手搓短代码。
- 排好后在模板列表里给这张模板 Set Conditions（设置条件）：
- 条件选 Post Type（文章类型）
isproduct； - 如果是自定义文章类型的详情页，就选对应的 CPT 名称（例如
movie）。
- 条件选 Post Type（文章类型）
- 保存并发布。再去前台打开任意一个商品 / CPT 详情页，应该已经是你的设计。
小提示：WooCommerce 的“商店页 / 分类归档页”属于 Archive 模板，要用 Archive 类型单独做，别和 Single 混了。条件的具体文案（如
is/Post Type）在不同 Bricks 版本里可能略有差异，按官方文档补全。
常见误区与排查
- 条件没绑是头号原因：详情页不生效，九成是模板没 Set Conditions 或条件没命中（比如选了 Page 而不是 product）。
- Single 和 Archive 别混：产品详情页用 Single 模板；商店页 / 产品分类归档页是 Archive 模板，两套分开做。
- WooCommerce 元素不用手搓短代码：元素面板的 WooCommerce / Product 分组直接拖产品标题、价格、加购表单，省事且不踩短代码坑。
- 条件文案版本差异：
is/Post Type这类条件选项在不同版本可能叫法不同，按官方文档补全。
小结
详情页不生效，九成是模板没绑对条件。记住一句话：Bricks 模板是“条件命中才出场”。把 Single 模板绑到正确的文章类型上，商品页和自定义内容类型的详情页就都归你控制了。
想给自己的商品站搭一套完整的 Bricks 详情页模板？联系 Ray Chan，顺手帮你把 WooCommerce 和自定义类型的模板一次配齐。
常见问题（FAQ）
Q：详情页不生效是怎么回事？ A：九成是模板没绑条件或条件没命中——在模板列表里 Set Conditions，选 Post Type is product（CPT 就选对应 slug）。
Q：为什么我做的页面发布后「被打回原形」？ A：Bricks 是模板 + 条件机制，条件没命中就退回主题默认渲染；把 Single 模板绑到正确的文章类型上即可。
Q：商店页 / 分类页要用什么模板？ A：Archive 模板。WooCommerce 的商店页和产品分类归档页属于归档，别和 Single 混。
Q：产品标题、价格要手写短代码吗？ A：不用。元素面板 WooCommerce / Product 分组里有现成元素直接拖。
Q：条件选项名字和教程不一样？
A：is / Post Type 等条件文案在不同 Bricks 版本略有差异，按官方文档补全。
-
相关阅读：Bricks Setup Guide 延伸阅读
-
想要现成外贸独立站模板与建站实战？看 铲子铺 chanzipu 的外贸建站教程（同用 Bricks，从零搭出能收询盘的站）
延伸阅读
用 Bricks 设计产品详情页：WooCommerce 还是 Meta Box？
拆解 Bricks 下产品详情页的两种做法：WooCommerce 现成小部件 vs Meta Box + MB CPT 自定义字段，并给出 B2B / B2C 的选型建议。
tutorial用 Bricks 做产品列表页：WooCommerce 与 Meta Box 两条路线怎么选
对比 Bricks 下做产品列表页的两种主流方案——WooCommerce 原生小部件与 Meta Box + MB CPT 自定义，并讲清 Products Filter 等核心小部件的用法与取舍。
tutorialAdvanced Custom Fields 插件自定义产品内容类型
教程：当文章不够用时，用 ACF 配合自定义文章类型把产品、案例等业务对象变成结构化内容，后台好录、前台好展。
tutorialBricks 制作 Product Archive 产品列表模板（自定义内容类型）
教程：不用 WooCommerce，用自定义文章类型加 ACF 也能做产品目录列表。讲非 Woo 路线的 Product Archive 做法。