用 WooCommerce 做电商，产品列表页（商店页/分类页）就是 Product Archive。Bricks 原生兼容 Woo，可做出商品网格。本文讲 Woo 版做法。
与 Post Archive 的区别
Product Archive 的内容来源是 WooCommerce 的「产品」而非文章。模板类型仍选 Archive，但 Query Loop 绑定的是「产品」类型，并读取价格、加购按钮等电商字段。
制作步骤
- 确保装好 WooCommerce 并启用 Bricks 的 Woo 集成。
- 后台 Bricks → Templates → 新建，类型选 Archive，条件设为「产品归档 / 商品分类」。
- 用 Query Loop 绑定产品，循环输出：缩略图、标题、价格、加购按钮。
- 样式用卡片网格，悬停高亮。
电商字段从哪来
价格、加购、评分都来自 WooCommerce。Bricks 提供了对应的产品元素/动态数据，直接拖加购按钮元素即可，不必手写。
小结
Woo 产品列表 = Archive 模板 + 绑定产品的 Query Loop + 电商字段。和文章列表同理，只是数据换成商品，别忘开 Bricks 的 Woo 集成。
内容说明（整理稿）：本文选题与步骤框架参考自竞对站 trybricks.com / qinbanliang 站的公开教程（源多为截图驱动教程，正文极薄），内容为 BricksWiki 基于 Bricks 官方公开文档与通用实操经验重写整理，非原文逐字翻译，也不构成官方文档。操作入口/路径以你当前 Bricks 版本为准，实操前建议对照官方文档核对。
延伸阅读
Bricks 制作 Product Archive 产品列表模板（自定义内容类型）
教程：不用 WooCommerce，用自定义文章类型加 ACF 也能做产品目录列表。讲非 Woo 路线的 Product Archive 做法。
tutorialBricks 制作 Single Product 产品详情模板（WooCommerce）
教程：单个商品详情页由 Single Product 模板决定。Woo 版拉价格、相册、加购、评价等电商模块，两栏布局是标配。
tutorial用 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 等核心小部件的用法与取舍。