不用 WooCommerce,也能用「自定义文章类型 + ACF」做产品列表。本文讲非 Woo 路线的 Product Archive 做法。
适用场景
如果你不卖货、只是展示产品目录(无购物车),用自定义文章类型(如 product)配 ACF 字段更轻量,不必背 Woo 的重量。
制作步骤
- 用 CPT UI 等建一个「产品」自定义类型,ACF 挂型号/参数/图。
- 后台 Bricks → Templates → 新建,类型选 Archive,条件设为「产品归档 / 产品分类」。
- Query Loop 绑定你的「产品」类型,循环输出 ACF 字段(图、名、参数摘要)。
- 每张卡片点进去是产品详情模板(见 Single 模板篇)。
和 Woo 版的差异
数据来自 ACF 而非 Woo 电商字段;没有加购按钮,通常只放「查看详情/询盘」链接。其余网格、分页、悬停逻辑完全一致。
小结
非 Woo 产品列表 = 自定义类型 + ACF + Archive 模板。轻量展示型目录首选,避开 Woo 复杂度,照样做出整齐商品网格。
内容说明(整理稿):本文选题与步骤框架参考自竞对站 trybricks.com / qinbanliang 站的公开教程(源多为截图驱动教程,正文极薄),内容为 BricksWiki 基于 Bricks 官方公开文档与通用实操经验重写整理,非原文逐字翻译,也不构成官方文档。操作入口/路径以你当前 Bricks 版本为准,实操前建议对照官方文档核对。
延伸阅读
Advanced Custom Fields 插件自定义产品内容类型
教程:当文章不够用时,用 ACF 配合自定义文章类型把产品、案例等业务对象变成结构化内容,后台好录、前台好展。
tutorialBricks 制作 Product Archive 产品列表模板(WooCommerce)
教程:用 WooCommerce 做电商时,商店页/分类页就是 Product Archive。Bricks 原生兼容,做出商品网格加加购按钮。
tutorialBricks 制作 Single Product 产品详情模板(自定义内容类型)
教程:用自定义产品类型加 ACF 承载参数,把型号、材质、规格漂亮地排成展示型详情页,并给询盘入口替代加购。
tutorialBricks 用 ACF Checkbox 字段渲染自定义 SVG 图标列表
教程:Bricks 用 ACF Checkbox 字段渲染自定义 SVG 图标列表——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
