文档首页 › Commerce Studio 与商店
观看视频教程
EP 8 · WooCommerce Laundry Shop: Search, Filters, Quick View & Compare · 4:15 · YouTube
更多视频教程
目录与服务信息
按常规填写名称、价格、简短描述、完整描述、图片、库存和产品分类。General 产品数据面板还提供 Price unit、Typical turnaround、What is included、Before collection 和 Care limitations。
只填写你的业务能够兑现的服务承诺。留空的字段不会显示。演示中的价格和文字仅为示例，上线前请替换。现有的产品图片会保留。
商店与细分行业商店
主 Shop 页面会搜索所有已发布的目录服务。访客可以按洗衣专长、最高价格和可用性筛选，并按服务名称、价格或最新排序。搜索、筛选和分页更新都不会重新加载页面。
105 个细分行业商店页面中，每一个都使用各自的产品映射。Gutenberg、Elementor、WPBakery 和 Classic 版本调用的是同一个目录组件。请使用对应的编辑器编辑周围的原生区块。
可在 Gutenberg 的 Shortcode 区块、Elementor 的 Shortcode 小工具、WPBakery 的文本块或 Classic Editor 中使用短代码：
[laundryes_woocommerce_store niche="laundromat"]
[laundryes_commerce_store]未指定细分行业时，已识别的细分行业页面会使用它自己的细分行业。在普通页面上，短代码会显示完整目录。
购物工具
| 工具 | 行为 |
|---|---|
| 快速查看 | 显示实时价格、图片、服务描述和护理详情。可直接购买的简单服务支持 AJAX 加入购物车。带选项的产品会链接到其产品页面。 |
| 收藏的服务 | 在当前浏览器中最多保存 30 个产品 ID。不会在账户或设备之间同步。打开列表时会刷新价格和可用性。 |
| 对比 | 最多并排对比四项服务，使用当前的 WooCommerce 价格和你填写的护理信息。 |
| 洗衣袋 | 购物车抽屉显示真实的 WooCommerce 购物车、小计、移除控件，以及购物车和结账链接。 |
| 产品下单栏 | 吸附栏会将访客带回该产品常规的选项和数量表单。真实的购物车价格由 WooCommerce 计算。 |
取件与结账
结账页包含首选取件日期、取件时段、护理偏好和说明。Cart 和 Checkout 仍是原生 WooCommerce 区块，My Account 仍是 WooCommerce 的账户区域。优惠券、税费、运费、相关产品、交叉销售和订单历史均遵循你的 WooCommerce 配置。
验证规则以及“预约日期只是请求，而非预留运力”的说明，请参见预约、取件与运营。
支付与上线
公开的主题演示启用了原生 WooCommerce 货到付款，名称为 Pay on collection or delivery，并包含虚拟洗衣服务。结账时不会向银行卡扣款。你可以在 WooCommerce → Settings → Payments → Cash on delivery 中编辑其标题、描述、说明和配送限制。
- 这是店铺设置。导入细分行业不会在你的店铺中启用支付网关。
- WooCommerce 中提供银行转账，但在你提供经过核实的银行信息之前，它会保持停用。
- 银行卡和电子钱包支付需要兼容的支付服务商插件和商户连接。请选择支持你的营业国家、币种和 Checkout Blocks 的服务商，先在其沙盒中测试，并在检查完业务设置后再启用正式模式。
- 切勿在订单备注中填写银行卡信息。
洗衣购物设置
- 服务选项按钮使用原生的可变产品属性和 WooCommerce 变体可用性。在没有 JavaScript 时，仍以常规选择器作为备用。
- 最近浏览的服务会在当前设备上最多保存 12 个产品 ID，并最多显示六个当前产品。Clear history 可将其清除。
- 网格或列表偏好会保存在当前设备上。搜索、排序和价格筛选仍然可用。
- 可选的服务推荐使用 Product data → Linked Products → Cross-sells。它们是独立购买的商品，不是折扣套餐。
- My Account 提供服务、订单历史和地址的快捷入口。Order again 使用 WooCommerce 原生的资格判断和验证。
- 在 Product data → General 中设置 Price unit。变体留空时会继承其父产品的单位。
演示：Laundry bag care，提供三种可编辑的洗衣袋尺寸和示例价格。
仅报价服务与护理指南
- 编辑某项服务，并打开 Product data → General。
- 启用 Quote only，并设置一个已发布咨询页面的 ID。
- 该服务随后会显示 Priced after assessment，并链接到该页面。通过 WooCommerce 的产品验证（包括变体）会禁用直接购买。普通零售产品仍可购买。
- 在目标页面中添加你的咨询表单并配置其投递方式。商业演示使用的是 Contact Form 7。它不会创建订单、预留运力或向客户收费。
在 Product data → General 中设置 Garment care guide，即可在服务页面显示可折叠的准备指南。请让建议紧扣你接收的衣物类型；空的指南不会显示。
演示：Commercial linen care assessment。
目录的搜索、排序和筛选会保留可分享的 URL 状态：重新加载页面或点击浏览器的后退按钮，都会恢复所选的筛选条件，而 Reset 会将其清除。吸附式下单栏会跟随原生的变体变化，价格单位也会保留在 AJAX 渲染的服务信息中。
功能范围
我们参考了其他电商主题的购物体验。Washlora 不声称与它们功能完全对等，也没有复制它们的专有代码。
| 功能 | Washlora 的状态 |
|---|---|
| 实时搜索、AJAX 筛选、快速查看、对比、收藏服务、购物车抽屉 | 包含在 Commerce Studio 中 |
| 服务选项按钮、浏览历史、网格与列表视图、关联附加项、账户快捷入口、价格单位 | 已包含 |
| 仅报价服务、衣物护理指南、可分享的筛选状态 | 已包含 |
| 心愿单的账户同步 | 不包含——收藏的服务仅保存在本设备上 |
| 动态套餐折扣、赠品、到货提醒邮件、弃购挽回、价格提醒 | 不包含 |
| 自动定期扣费、基于运力的取件时段 | 不包含 |
| 其他主题的可视化电商模板构建器 | 不包含——Washlora 保留其自有的四种编辑器体系 |
| 支付 | 使用原生 WooCommerce 结账。银行转账和在线支付服务商需要商户配置。 |
商店故障排查
- 细分行业商店为空：请确认其产品已发布、在目录中可见，并已分配到正确的细分行业。
- 出现旧样式：清除受影响页面的缓存。
- 购物车、结账或账户出现问题：页面缓存不得共享会话。请对 WooCommerce 会话请求禁用内容缓存。
- 收藏列表消失：收藏列表需要浏览器存储。隐私浏览、清除站点数据或更换设备后，将无法保留同一份列表。WooCommerce 会核对所有总价和可用性；绝不会信任浏览器存储中的数据。