实体 + 虚拟,共生市集。一套主题,承载完整的购物体验。
🔗 演示站: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 个可配置模块:
- 关于我们:品牌介绍、主图、经验数据、能力亮点
- 品牌里程碑:时间线形式展示品牌发展历程
- 核心优势:卡片式展示企业竞争力
- 定制工艺:图文并茂的工艺展示,支持链接 / 代码块 / 即答客服三种 CTA
- 客户案例:带分类标签的案例卡片
- 合作流程:步骤式流程展示
- 关键数据:数据可视化展示品牌实力
- 联系合作:双按钮 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 让你专注于产品和内容,把技术细节留给主题。
