FIT2CLOUD
Spark 商城主题 的图标

Spark 商城主题

外部
3,117
0

为 Halo 打造的多语言现代电商主题,一站式覆盖品牌展示与完整购物体验

访问

当前应用为外部应用,其销售、安装、更新、维护等均由应用作者负责,与本平台无关。

  • 首页

    首页

实体 + 虚拟,共生市集。一套主题,承载完整的购物体验。

🔗 演示站:jijingzhizao.cn | 🛒 购买地址:auth.lik.cc | 💬 交流 QQ 群:766203360

为什么选择 Spark?

Spark 不是一个"能卖东西的博客主题",而是一个从零为电商场景设计的 Halo 主题。它将品牌展示、商品销售、内容运营融为一体,让你用一个 Halo 站点就能跑通从浏览到支付的完整链路。

无论你是卖实体商品的独立品牌、提供虚拟资源的数字创作者,还是两者兼有的混合型商家,Spark 都能胜任。


🎨 34+ 主题配色,一键切换品牌调性

Spark 基于 DaisyUI 5 语义化配色系统,内置 34 套精心调校的主题预设:

  • 亮色系 20 套:浅色、纸杯蛋糕、大黄蜂、翡翠、企业、复古、赛博朋克、情人节、花园、水族、乐高、粉彩、幻想、线框、印刷四色、秋天、酸性、柠檬水、冬天、北欧
  • 暗色系 14 套:深色、合成波、万圣节、森林、黑色、奢华、德古拉、商务、夜晚、咖啡、暗淡、日落 等

每套预设都经过对比度校验,确保可读性与视觉舒适度。

自定义配色

不满足于预设?Spark 提供深色 / 浅色双模式独立配色面板,支持自定义页面背景、面板背景、高亮面板、主强调色、辅强调色、文字颜色、弱化文字等 10 项色值,精确匹配你的品牌 VI。

访客可通过导航栏的主题切换按钮自由切换亮暗模式,也可以在后台关闭此功能。


🏠 首页:7 大可编排模块,拖拽排序

Spark 的首页由一个固定的 Hero 主视觉 + 7 个可自由排序的功能模块组成。在后台拖拽即可调整模块顺序,按需开关。

Hero 主视觉

全屏轮播区域,支持:

  • 自定义眉标、双行主标题(第二行强调色)、描述文案
  • 双按钮(主 + 次)配置
  • 三组统计数据展示(如"实体上新 22 件")
  • 多张轮播图,每张可配标题、描述、按钮和跳转链接
  • 自动播放开关与切换间隔(2-15 秒)
  • 无图时自动渲染渐变背景兜底

① 滚动标签(Ticker)

无限循环的横向滚动标签条,用于展示品类关键词或品牌 Slogan。最多 12 个标签,视觉节奏感强。

② 精选商品(Featured)

"本周最受欢迎"商品卡片区。每张卡片支持:

  • 封面图、标题、描述
  • 自定义标签(新品 / 热卖 / 限时)及 5 种标签样式
  • 显示价格与划线原价
  • 颜色选项:最多 6 个颜色圆点,点击切换封面图
  • 关联商品 ID,点击跳转详情页

最多展示 8 个精选商品。

③ 限时活动(Campaign)

带倒计时的促销模块,支持两种商品来源:

  • 手动配置:逐个填写商品信息
  • 商城 API 一键获取:从 Halo 商城后台直接选择商品,自动拉取标题、图片、价格

倒计时精确到秒,活动结束时间可视化配置。最多 4 个活动商品。

④ 社会证明(Proof)

帮助新用户快速建立信任的模块,包含三个子区域:

  • 核心数据:累计成交、客户评分、履约时效等关键指标(最多 8 项)
  • 问答区:下单前常见问题,带标签分类(售后 / 功能 / 尺码等)
  • 晒单区:真实用户反馈,含用户名、成交金额、晒单图片

⑤ 最近浏览 / 猜你喜欢(Discovery)

基于用户浏览行为的个性化推荐区域。后台可配置推荐商品列表(最多 12 个),缩短回访用户的下单路径。

⑥ 虚拟专区(Digital)

专为虚拟商品设计的独立展示区,一键跳转数字商品列表。

⑦ 会员计划(Membership)

展示会员权益与订阅价格,支持自定义权益列表(最多 10 项)、价格文案和跳转链接。


🛒 完整电商购物流程

Spark 实现了从浏览到支付的全链路闭环:

商品列表页

  • 分类筛选(支持分类树)
  • 关键词搜索
  • 多维排序(价格、名称、上架时间)
  • 分页浏览
  • 商品卡片悬停效果

商品详情页

  • Swiper 图片画廊:主图轮播 + 缩略图导航,支持 medium-zoom 点击放大
  • 多规格 SKU 选择:颜色(带规格图片)、尺码等,自动匹配库存与价格
  • 数量选择器:实时库存校验
  • 加入购物车 / 立即购买:双按钮操作
  • 规格参数表格:自动渲染商品规格定义
  • 商品详情:富文本内容区域
  • 服务保障标签:可配置图标 + 文案(正品保障、7 天无理由、极速发货等)
  • 配送文案:可自定义
  • 客服按钮:支持链接跳转、代码块嵌入、即答客服三种模式

购物车抽屉

侧滑式购物车,无需跳转页面:

  • 商品多选 / 全选
  • 数量增减
  • 单品删除
  • 实时价格计算
  • 一键前往结算

结算页

  • 收货地址管理:选择已有地址或新建地址
  • 省 / 市 / 区三级联动选择
  • 商品清单与价格明细
  • 买家备注
  • 表单提交创建订单

支付页

支持 Halo 商城全部支付方式:

  • 微信支付:Native 二维码扫码
  • 支付宝:二维码 / 跳转 / 表单自动提交
  • 银行转账:展示银行账户信息
  • 手动支付:展示支付说明
  • 收款码:展示收款码图片

支付状态每 2.5 秒自动轮询,支付成功后展示成功动画并自动跳转。


📖 品牌故事页(自定义模板)

一个完整的品牌展示页面,包含 8 个可配置模块:

  1. 关于我们:品牌介绍、主图、经验数据、能力亮点
  2. 品牌里程碑:时间线形式展示品牌发展历程
  3. 核心优势:卡片式展示企业竞争力
  4. 定制工艺:图文并茂的工艺展示,支持链接 / 代码块 / 即答客服三种 CTA
  5. 客户案例:带分类标签的案例卡片
  6. 合作流程:步骤式流程展示
  7. 关键数据:数据可视化展示品牌实力
  8. 联系合作:双按钮 CTA,主按钮支持链接 / 代码块 / 即答客服

支持"使用主题内置内容"和"使用单页编辑器内容"两种模式切换。


🚚 配送与售后页(自定义模板)

专业的服务说明页面:

  • 页头标签(48 小时内发货、全程物流追踪、7 天无理由等)
  • 配送说明(发货时效、配送范围、运费规则)
  • 售后流程时间线
  • FAQ 手风琴折叠面板
  • 联系方式

✍️ 内容系统

文章详情页

  • 面包屑导航
  • 自动生成目录(TOC):粘性侧边栏,支持 h2/h3/h4 三级标题,滚动高亮当前章节
  • 上一篇 / 下一篇导航
  • 评论区(可在后台开关)
  • 完整的 Prose 排版样式

分类 / 标签 / 归档

  • 分类网格展示
  • 标签云
  • 归档时间线

🔍 SEO 深度优化

Spark 内置完整的 SEO 模块,自动处理:

  • Open Graph 元标签(og:title, og:description, og:image, og:type)
  • Twitter Cards 元标签
  • Canonical URL
  • Robots meta(支持后台配置是否屏蔽搜索引擎)
  • 针对文章、商品、页面等不同内容类型自动适配元信息
  • 站点关键词与描述自动注入

🎯 营销工具

顶部促销条

全站顶部的营销横幅,支持:

  • 4 种预设角标样式(限时活动 / 热卖 / 优惠 / 新品),自动匹配颜色和图标
  • 自定义角标文案
  • 标题 + 描述 + 按钮
  • 跳转商品(从后台商品列表直接选择)或自定义链接

一键开关,不影响页面布局。


🧩 导航与页脚

顶部导航

  • 可配置 Logo(自定义图片 + 尺寸 24-72px)
  • 主导航菜单(支持下拉子菜单)
  • 登录按钮(可开关)
  • 购物车图标(带数量角标)
  • 用户下拉菜单(头像、订单中心、退出登录)
  • 主题切换按钮
  • 自定义主按钮(文字 + 链接)
  • 移动端响应式汉堡菜单

页脚

  • 品牌文字 + 描述(支持 HTML)
  • 四栏链接区域(关于 / 产品 / 帮助与支持 / 友情链接),每栏标题和链接均可自定义
  • ICP 备案 + 公安备案(带图标和链接)
  • 版权文案
  • 安全提示文字

🔐 登录与注册

自定义的登录 / 注册页面,与主题风格统一,支持社交账号登录。


📋 系统要求

  • Halo 版本 ≥ 2.2.10
  • 需安装 Halo 商业版
  • 许可证:GPL-3.0

Spark 让你专注于产品和内容,把技术细节留给主题。



讨论(0)