购物车
购物车页面用于展示用户已添加的产品清单，并提供结账引导，是连接产品浏览与完成购买的重要环节。该页面支持自定义样式、布局和按钮配置，以优化购物体验并提升转化效率。
如何访问
- 登录 Genstore 商家后台。
- 进入 在线商店 -> 模版。
- 找到目标模版，点击右侧的 设计 按钮，进入模版编辑器。
- 在顶部导航栏点击页面选择器，选择 购物车。
功能概述
- 产品列表：显示已加入购物车的所有产品，包含图片、名称、价格、规格、数量调整及删除功能。
- 结账区域：展示预估总额，支持显示税费、折扣与运费提示，并提供结账按钮。
产品列表配置项
| 类别 | 配置项简述 |
|---|---|
| 标题设置 | 设置标题字号（小 / 中 / 大） |
| 布局样式 | 支持水平布局或垂直布局，适配不同商品展示场景 |
| 卡片模式 | 启用或关闭卡片样式 |
| 颜色样式 | 切换浅色 / 深色模式，并可应用主题色方案 |
| 区块填充 | 设置上下边距，控制模块留白 |
购物车结账配置项
- 显示选项：是否显示小计金额、结账按钮、动态结账按钮。注意：如启用 动态结账按钮，客户端结账页将根据支付方式或配置动态显示，例如 PayPal 等。
- 按钮对齐：左对齐 / 右对齐
- 按钮样式：
- 尺寸：小 / 中 / 大 / 特大
- 样式：实心按钮或描边按钮（Padding / Stroke / Ghost）
- 色彩方案：主题色 / 自定义色 等
可扩展分区
在默认分区基础上，您还可以根据业务需求进一步拓展购物车页的内容。通过添加分区，您可以插入图片、视频、富文本等内容模块，打造更具品牌感和信息层次的页面结构。
添加分区
在 模版 区域点击 添加分区，可从以下模块中选择所需内容类型：
| 分区类型 | 说明 |
|---|---|
| 特色产品系列 | 展示精选的产品系列，适合做主题活动或品类推荐 |
| 图片横幅 | 展示品牌大图或促销视觉 |
| 产品系列列表 | 展示店铺的产品系列课表 |
| 视频 | 插入品牌故事或产品介绍 |
| 幻灯片 | 添加轮播图片或广告视觉，用于展示多个品牌亮点或促销信息| |
| 联系表 | 引导用户填写咨询/反馈表单 |
| 富文本 | 添加品牌理念、产品说明等文本内容 |
| 邮件注册 | 添加邮件订阅入口 |
| 常见问题 | 展示 FAQ 内容，帮助用户快速了解常见问题和解决方案 |
| 拼贴画 | 多图拼接展示，常用于时尚类或生活方式品牌，增强视觉吸引力 |
| 特色产品 | 推荐其他重点商品 |
| 分隔线 | 用于模块之间的视觉隔断 |
| 图片 | 插入单张图片，支持添加跳转链接，适用于宣传图或广告素材 |
| 多列布局 | 自定义图文组合排版 |
| 博客文章 | 嵌入内容营销文章 |
| 带文本的图片 | 图文组合式展示品牌信息或引导 CTA |
| 滚动文本 | 添加横向滚动的短文本内容，适合展示促销标语、品牌口号或用户提醒信息 |
TIP
为了更好满足商家多样化的页面设计需求，我们会持续根据用户反馈迭代新增分区与区块组件。因此，页面中实际可用的内容组件可能会与本帮助文档略有出入，建议以编辑器中的实际内容为准。此外，不同主题模版可能会展示不同的区块样式和功能，敬请留意。
拓展应用
在 添加分区/添加区块 弹窗中，点击 应用 页签，可添加功能型应用模块，如：
- 关联推荐
- 畅销产品
- 大家都在看
- 流行趋势等