「woocommerce」
共 17 篇相关教程
Bricks 制作 Product Archive 产品列表模板（WooCommerce）
教程：用 WooCommerce 做电商时，商店页/分类页就是 Product Archive。Bricks 原生兼容，做出商品网格加加购按钮。
Ray Chan·2026 / 08 / 20·约 3 分读Bricks 制作 Single Product 产品详情模板（WooCommerce）
教程：单个商品详情页由 Single Product 模板决定。Woo 版拉价格、相册、加购、评价等电商模块，两栏布局是标配。
Ray Chan·2026 / 08 / 20·约 3 分读用 Bricks 设计产品详情页：WooCommerce 还是 Meta Box？
拆解 Bricks 下产品详情页的两种做法：WooCommerce 现成小部件 vs Meta Box + MB CPT 自定义字段，并给出 B2B / B2C 的选型建议。
Ray Chan·2026 / 08 / 19·约 3 分读用 Bricks 做产品列表页：WooCommerce 与 Meta Box 两条路线怎么选
对比 Bricks 下做产品列表页的两种主流方案——WooCommerce 原生小部件与 Meta Box + MB CPT 自定义，并讲清 Products Filter 等核心小部件的用法与取舍。
Ray Chan·2026 / 08 / 19·约 3 分读Bricks 制作 Single Product 产品详情模板——用模板系统搞定自定义内容类型的详情页
教程：WooCommerce 商品页或自定义文章类型的详情页没套用你的 Bricks 设计？用模板系统的 Single 条件精准绑定即可。
Ray Chan·2026 / 08 / 15·约 3 分读Bricks vs Elementor 2026：正面对决基准测试
对比评测：Bricks vs Elementor 2026：正面对决基准测试——elementor 横向实测帮你选型，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 自定义 WooCommerce 账户中心：完整搭建教程
Bricks 自定义 WooCommerce 账户中心：完整搭建教程——woocommerce 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 12·约 3 分读Bricks 判断 WooCommerce 购物车是否为空（条件渲染）
教程：Bricks 判断 WooCommerce 购物车是否为空（条件渲染）——woocommerce 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks 将 WooCommerce 产品分类图片设为 Section 背景
教程：Bricks 将 WooCommerce 产品分类图片设为 Section 背景——woocommerce 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks 打造自定义 WooCommerce 账户中心（My Account Dashboard）
教程：Bricks 打造自定义 WooCommerce 账户中心（My Account Dashboard）——woocommerce 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks 在 My Account 页面标题后追加 WooCommerce 端点名称
教程：Bricks 在 My Account 页面标题后追加 WooCommerce 端点名称——woocommerce 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks 查询循环只显示促销中（On Sale）的 WooCommerce 产品
教程：Bricks 查询循环只显示促销中（On Sale）的 WooCommerce 产品——woocommerce 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks 按 WooCommerce 产品属性值条件渲染元素
教程：Bricks 按 WooCommerce 产品属性值条件渲染元素——woocommerce 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks 让 WooCommerce 数量输入框与加入购物车按钮并排
教程：Bricks 让 WooCommerce 数量输入框与加入购物车按钮并排——woocommerce 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks 用 Popup + 交互做 WooCommerce 商品快速预览
实战技巧：Bricks 用 Popup + 交互做 WooCommerce 商品快速预览——woocommerce 实操步骤+踩坑提醒，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读Bricks 移除 WooCommerce 产品图库中的特色图片
教程：Bricks 移除 WooCommerce 产品图库中的特色图片——woocommerce 附完整代码可直接复用，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读WooCommerce 滚动吸顶 Add to Cart 区块（Bricks）
实战技巧：WooCommerce 滚动吸顶 Add to Cart 区块（Bricks）——woocommerce 实操步骤+踩坑提醒，适合外贸独立站与 WordPress 开发者。
Ray Chan·2026 / 08 / 11·约 3 分读