🆕 Bricks 2.4 已发布:查询循环性能提升 40%,迁移教程同步更新 →

首页 / 中文教程 / 教程

Bricks 制作 Product Archive 产品列表模板(自定义内容类型)

教程:不用 WooCommerce,用自定义文章类型加 ACF 也能做产品目录列表。讲非 Woo 路线的 Product Archive 做法。

Ray ChanRay Chan·2026-08-20·约 1 分钟
目录
  1. 1.适用场景
  2. 2.制作步骤
  3. 3.和 Woo 版的差异
  4. 4.小结

不用 WooCommerce,也能用「自定义文章类型 + ACF」做产品列表。本文讲非 Woo 路线的 Product Archive 做法。

适用场景

如果你不卖货、只是展示产品目录(无购物车),用自定义文章类型(如 product)配 ACF 字段更轻量,不必背 Woo 的重量。

制作步骤

  1. 用 CPT UI 等建一个「产品」自定义类型,ACF 挂型号/参数/图。
  2. 后台 Bricks → Templates → 新建,类型选 Archive,条件设为「产品归档 / 产品分类」。
  3. Query Loop 绑定你的「产品」类型,循环输出 ACF 字段(图、名、参数摘要)。
  4. 每张卡片点进去是产品详情模板(见 Single 模板篇)。

和 Woo 版的差异

数据来自 ACF 而非 Woo 电商字段;没有加购按钮,通常只放「查看详情/询盘」链接。其余网格、分页、悬停逻辑完全一致。

小结

非 Woo 产品列表 = 自定义类型 + ACF + Archive 模板。轻量展示型目录首选,避开 Woo 复杂度,照样做出整齐商品网格。


内容说明(整理稿):本文选题与步骤框架参考自竞对站 trybricks.com / qinbanliang 站的公开教程(源多为截图驱动教程,正文极薄),内容为 BricksWiki 基于 Bricks 官方公开文档与通用实操经验重写整理,非原文逐字翻译,也不构成官方文档。操作入口/路径以你当前 Bricks 版本为准,实操前建议对照官方文档核对。

Ray Chan

站长

Ray Chan

WordPress Developer & Bricks Specialist

WordPress developer with 10+ years of client builds. Switched to Bricks in 2023 — now builds fast WordPress sites and migrates legacy Elementor/Divi projects.

延伸阅读