跳到主内容
限时 ShopWe 5.5 正式发布 · 独立站普及季 基础版仅 ¥1,880/年 · 限时独享全部模板 立即参与
ShopWe 模板引擎

装修店铺,从未如此简单

不会代码?不懂设计?没时间学?这些都不再是障碍。

ShopWe 为你准备了三种截然不同的装修路径——从「说出想法」「指尖点选」再到「随心创作」,无论你是初次开店还是资深玩家,总有一种方式与你完美契合。而这一切的背后,是一套真正懂得电商的模板引擎。

先说想法
AI 代你执行
指尖点选
所见即所得
自由书写
给创作者的空间
先说想法,AI 代你执行

这是最令人惊叹的方式。你不需要打开任何文件,不需要理解任何标签,甚至不需要知道代码长什么样。

打开 AI 编辑器,就像在和一位懂行的设计师对话:

💬 首页的主标题改成「夏日清凉季」,字体再大气一些
🤖AI 理解中...

好的,我理解您希望:

  • 将首页主标题修改为「夏日清凉季」
  • 增大标题字体尺寸,增强视觉冲击力
  • 同步调整副标题和间距以保持平衡
已定位文件,确认后立即执行
💬 把联系方式从页脚移到导航栏右侧,和 Logo 对齐
🤖AI 分析中...

检测到页脚联系人信息、导航栏右侧空间。建议新增 inline 联系方式组件,与 Logo 保持同一水平线。预估影响范围:2 个文件。确认执行?

可查看 AI 修改了哪些文件、每一步做了什么
一键生效 · 一键丢弃
工作流程
1
表达想法
用自然语言描述你的需求,就像跟设计师聊天一样
2
AI 理解与确认
展示它的理解思路,让你确认是否领会了意图
3
自动定位与修改
精准定位文件,执行修改,生成实时预览
验收与生效
满意 → 一键生效 / 不满意 → 一键丢弃,了无痕迹
你说需求,AI 实现,你只负责验收。
适合这样的你 想把精力放在经营上,而不是研究工具本身
指尖点选,所见即所得
编辑 预览
设置面板
主标题
夏日清凉季
字体大小
36px
主题色
背景图
+ 上传图片
夏日清凉季
限时特惠 · 全场包邮
左调整 · 右呈现

如果你偏爱更直观的操控感,可视化编辑器会让你觉得一切本该如此。

左侧是精致的设置面板,右侧是实时的店铺预览。想改什么,直接点选:

1 文字 — 在输入框里修改,预览同步更新,即时呈现
2 图片 — Logo、背景图、横幅大图,点选替换,拖拽上传
3 色彩 — 主题色、强调色、背景色,用取色器精挑细选
4 链接 — 导航跳转、按钮指向,直接填写目标地址
5 背景与间距 — 背景图设置、区块间距、内边距,滑块拖拽
6 视频 — 宣传视频与封面,一键更换

所有操作都在同一个界面中自然完成。左调整,右呈现,如呼吸般流畅。改完后一次性保存,干净利落。

无须学习,上手即用,所见即所得。
适合这样的你 喜欢直观操作、希望即时看到反馈
可视化编辑器
点选修改 · 即时预览
所有编辑操作在同一个界面中自然完成。左调整,右呈现。改完后一次性保存,干净利落,不打扰你的工作流。
拖拽上传 · 取色器 · 滑块调节
自由书写,给创作者的空间

如果你是开发者,或者团队中有技术力量,代码编辑器将提供毫无保留的创作自由。

内置 Monaco Editor——与 VS Code 同源,支持 HTML、CSS、JavaScript、JSON、XML 等全语法高亮与智能提示。你可以:

01
分屏工作
代码与预览左右并置,比例自由调节
02
跨设备预览
一键切换桌面、平板、手机视图,响应式设计尽在掌控
03
代码整理
一键格式化,让代码始终保持优雅
04
文件管理
在主题文件树中自由穿行,任意编辑

当然,所有的修改都被安全地隔离在沙盒之中,绝不触及线上店铺。待一切完美,再从容提交。

趁手的工具 + 充分的自由 + 安心的环境。
适合这样的你 追求极致自由度,享受亲手构建的掌控感
theme — shopwe-template
1
// custom/index.html — 品牌故事页
2
<!DOCTYPE html>
3
<html lang="zh-CN">
4
<head>
5
<title>我们的故事</title>
6
{% include "head.html" %}
7
</head>
8
<body>
9
<section class="brand-story">
10
<h1>从匠心到科技</h1>
11
{{ products.featured | limit:4 }}
12
</section>
13
</body>
14
</html>
🖥 桌面 📱 平板 📱 手机 一键切换视图
三种方式的灵魂

ShopWe 模板引擎

三种编辑方式能无缝共存、自由切换,源于底层一套真正为电商而生的模板引擎。

一砖一瓦,皆可独塑

核心能力

设计师可以为页面上的每一个元素赋予独立标记,让每个标题、每张图片、每段文字都成为可以被单独操控的「独立单元」。

一个标题,你可以独立调整它的内容、字体、大小、颜色、间距——细致入微,互不干扰。不只是一段文字,图片、按钮、链接、背景、视频、区块间距……页面上的每一砖每一瓦,都可以被精确到单个元素级别的编辑。别人给你的是一整块画布,动一笔可能影响全局;ShopWe 给你的是一块块积木,想动哪块动哪块。

没有边界,无限延伸

无限扩展

大多数电商平台的页面结构是固化的——首页、列表、详情、关于我们……就这么多。想加一个品牌故事页?想做一个活动专题?系统说「不」。ShopWe 不设限。

在主题的 custom/ 目录下,你可以创建任意数量的自定义页面。无需配置路由,无需重启系统——新建一个页面文件,访问专属链接即可呈现。更关键的是,这些自定义页面完整继承了当前主题的头部、底部、样式体系,还能调用系统中的商品数据、文章内容、会员信息——你的想象力是唯一的边界。

数据与表现,天然相通

零代码数据

模板引擎内置了覆盖电商全场景的数据体系——从店铺名称到商品列表,从购物车状态到订单详情,从会员信息到分销数据,页面模板可以直接取用这些数据,无需额外开发。

如果你想在首页展示某个分类下的热门商品,一个标记即可实现。想在自定义页面中嵌入会员中心的信息,同样是举手之劳。业务数据与页面表现之间的通路,从一开始就是畅通的。

🛡️

每一次修改,
都有退路

无论你选择哪种装修方式,每一次修改都在独立的沙盒中进行——这是 ShopWe 对安全的承诺。

不满意?
直接丢弃,原封不动
想对比效果?
随时预览,不影响线上
确认无误?
一键应用,瞬间生效

没有「改错了怎么办」的忐忑,没有「保存了会不会出问题」的担忧。大胆尝试,从容决策。

你的店铺,你的节奏

今天想随手调几个字——打开可视化编辑器。 明天想换个风格——交给 AI 处理。 后天想创建一个活动专题——切到代码编辑器自由发挥。

三种方式,一个引擎 自由切换,默契配合 适配每一种你
微信客服二维码
微信扫码咨询
添加客服获取专属方案