让每一次上新，
都有自己的主场。

上传图片 · 拖动与缩放

后台所有图片上传入口共用图片调整器：商品图、商家色卡、首页板块背景、图片图层、活动合集封面、顶部四个品牌模块、会员卡与PC首屏。

1. 选择 JPG、PNG 或 WebP 文件，单张不超过 8MB。上传窗口会自动打开对应位置的画框。
2. 直接拖动图片改变位置；使用右侧缩放滑杆、加减按钮或在画面上滚动鼠标滚轮。方向键可微调，按住 Shift 可加大移动步长。
3. “铺满裁切”会填满画框并裁去多余边缘；“完整显示”保留整张图，可能出现留白。选择“白色”或“透明”作为留白背景；透明棋盘格只在编辑器中显示。
4. “居中”保留当前缩放倍数并重新居中；“重置调整”回到默认取景。品牌名称、页头短语和公告栏还可以选择原图比例。
5. 满意后点击“确认并使用”。调整好的文件上传后回到原编辑页面；取消不会上传当前图片，也不会清空已填写的表单。
6. 最后保存当前页面，并在原有发布弹窗中选择生效端。首页装修需点击“发布首页与合集”；只保存草稿不会影响商城。

商品批量选图时逐张调整；取消某一张会结束本次剩余队列，前面已确认的图片保留。电脑中的原图不变。每张现有图片旁增加“调整图片／调整背景／调整卡面”等入口，可再次拖动和缩放；“选择已有图片”也会进入取景窗口。今后确认上传时，服务器在仅管理员可访问的位置保留原图和取景记录，再打开会恢复上次的位置与缩放，可缩回完整原图。较早上传且没有原图记录的图片，以当前文件重新调整；要找回以前裁去的部分，需要重新上传原图。

图片按比例生成，不拉伸；输出最长边不超过1600px，透明图片和色卡保存为PNG。会员卡等自适应位置仍会随各端的容器与内容高度适配；改动板块或图层尺寸后，可重新上传原图取景。

PC 官网首屏 · 单独管理

电脑官网最上方“左侧文案＋右侧图片”的区域，打开后台 PC 官网首屏 独立编辑。“首页装修与活动”上方也有快捷入口。

1. 上传首屏图片或选择已有图片，建议1300×1000px，JPG/PNG/WebP，最多8MB；选择完整显示、裁切铺满和图片焦点。
2. 编辑顶部短语、主标题（可换行）、说明和按钮文字。按钮可跳到全部商品、指定商品或活动合集，也可不显示。
3. 勾选或取消“显示 PC 官网首屏”，在右侧检查预览。
4. 点击“保存 PC 首屏”，勾选PC官网并确认。取消则保留编辑内容；保存后刷新电脑官网查看。

该模块仅在宽度大于800px的官网首页显示。手机浏览器、小程序、Android/iOS App不使用它；下方通用首页板块按原流程发布。关联商品未在官网上架、活动未开放或已结束时，前台隐藏跳转按钮。

首次拆分保留目前的图片和文案，之后不会随着通用首页第一张图片变化。正文和标题继续使用品牌字体，界面配色保持紫、淡紫、黑、白。

01 / 第一次做一个上新活动

1. 在“商品管理”准备好商品、图片、规格、售价和库存。已有商品可被多个合集复用。
2. 打开“首页装修与活动 → 活动商品合集 → 新建合集”，填写名称、说明，上传封面，勾选本次商品。
3. 切换“首页板块 → 添加板块”，选择合适比例，更换背景图片。
4. 在板块设置中把“跳转目标”设为“活动合集”，选择刚创建的合集。按钮也有独立跳转目标，需要单独设置。
5. 拖动文字和按钮，选择字体、颜色、字号；点击“预览草稿”检查。
6. 点击“发布首页与合集”。刷新商城首页，点击板块进入合集，再点商品进入购买页。

本地已配置主视觉、两个双列卡片和一个窄横幅，以及两个商品合集。这些是排版示例，未保留测试优惠价格。

02 / 可选尺寸与位置

以下是本商城提供的设计模板和建议图片尺寸，不是微信强制图片规格。每个模板均可选择通栏、半宽、三分之一或三分之二宽度，按后台顺序自动排布。

最多30个首页板块，每个板块最多6个文字/图片/按钮图层。图片支持JPG、PNG、WebP，每张最多8MB；可上传新图，也可选择已有商品图。建议控制文件体积，优先用清晰且适合比例的图片。

“首页布局”中可以直接拖动整块到其他板块前／后，聚焦顶部拖动手柄后也可用方向键排序。也可用“上移/下移”改变板块顺序；“复制”保留样式方便做同系列。双列卡片相邻摆放会自动并排。“开放展示”可随时关闭。无图时显示底色；图片焦点X/Y控制裁切重点，暗色遮罩用于提高浅色文字可读性。原图内已经压平的文字不能单独拖动，应上传无文字背景并使用文字图层。

首页布局与关联商品

1. 进入“首页装修与活动 → 首页板块”，默认显示“首页布局”。中间画布是整页结构；点击板块，右侧显示该板块的设置。
2. 拖动板块或顶部带点阵的手柄，到目标板块前／后放开。紫色边线提示插入位置；拖到画布上下边缘会滚动。方向键可逐位调整，Escape可取消尚未放开的拖动。
3. 展示宽度可选通栏、半宽、三分之一或三分之二。把两个半宽相邻放置形成双列；三分之一与三分之二相邻形成不对称组合。“另起一行”会让该板块从新行开始。比例决定板块高度，网格按顺序排布，不会互相覆盖。
4. “关联商品”中搜索名称、系列或分类，勾选商品，并用上下箭头安排商品顺序。每个板块最多关联100件。勾选后整板块与原本跳转“全部商品”的按钮改为跳转关联商品；原有自定义商品／合集按钮保留，可在单板块编辑里自行改为“板块关联商品”。
5. 关联一件在售商品时直达详情；关联多件时进入该板块自己的商品集合。集合随板块的开放、开始和结束时间生效，下架商品不展示。全部关联商品下架后入口隐藏。此集合沿用商品当前有效售价；需要设置限时活动价时仍进入“活动商品合集”。
6. 点“单板块编辑”或“编辑选中板块的图层”处理文字、图片和按钮，之后切回首页布局检查组合。布局视图包含隐藏和待上线内容，并在隐藏板块上标注；“预览草稿”按当前排期过滤。
7. 先保存草稿，再发布首页与合集。拖动和勾选尚未发布时不会改变顾客页面。保留历史版本与多人编辑冲突保护。

已有板块及历史版本兼容新版，不会自动替换原来的商品或活动跳转。上传图片、品牌字体和紫色系模板沿用此前设置。

03 / 编辑与拖动图层

品牌模板统一使用紫色（#613495）、淡紫（#eee7f6）、近黑紫（#30213e）和白色（#ffffff）。新增板块和按钮默认沿用此体系；不要随意加入绿色、深绿色等装饰色。特殊专题可单独设置配色，商品照片和定制色卡按实物保留颜色。日常状态标记也使用紫色，错误或必要警示可使用提示色。

1. 点击左侧板块，画布中的虚线框就是可编辑图层。直接拖动文字框或按钮调整位置。
2. 点下方“1.文字”“2.文字”“按钮”等可切换选中对象；“板块设置”返回背景和跳转设置。
3. 编辑“图层文字”，可在文字框换行；选择商用免费字体、文字颜色和字号。按钮还可单独改背景色。
4. 用横向/纵向位置百分比精确定位，宽度/高度百分比调整框体。图层被限制在画布范围内。聚焦图层后方向键移动1%，按住Shift移动5%。
5. 字号按750像素设计宽度计算，展示时等比例缩放。双列/三列实际更窄，要增大设计字号并减少文字；文字过多时扩大框体，避免被裁切。
6. 用“图层上移/下移”改变遮挡顺序，支持增加或移除图层。

文字图层可以通过“图层内容类型”切换为图片，上传JPG、PNG或WebP。图片等比放入图层框中，拖动定位与宽高设置同样可用；切回文字时保留文案。图片内已经合成的字形、颜色不能单独修改。新增图片时先添加文字图层，再切换为图片。

后台窄窗口中属性面板会移到画布下方，向下滚动可见。画布是单个板块放大编辑视图；“预览草稿”展示手机中的实际列宽。

04 / 一个活动集中展示多件商品

每个合集最多100件商品，整个商城最多50个合集。可搜索商品名称、勾选加入，并在“合集商品顺序”中调整先后。下架商品会自动从顾客合集页面隐藏；原来的订单不变。

板块整体和每个按钮都可分别跳转：全部商品、指定商品、活动合集，或不跳转。当前只支持商城内部入口。比如整张海报进入新品合集，海报按钮进入某件主推商品。

合集可填写独立封面、标题、说明和开始/结束时间。时间统一按北京时间，开始时刻生效、结束时刻停止。时间留空代表不限制该端；开启活动价时两端都必须填写。合集关闭、尚未开始或到期后，相关首页入口会隐藏，直接打开旧合集链接也会提示不可用。

05 / 限时活动价与到期恢复

1. 在合集内选择商品，填写开始和结束时间。
2. 勾选“启用本合集活动价”。在每个商品的具体规格旁输入活动价，单位元，最多两位小数。留空规格不参加活动。
3. 活动价必须大于0，并低于商品管理中的当前售价。不要用虚构售价制造优惠。发布前由运营核对所有规格、时间和利润。
4. 保存草稿后不会生效；发布后，到开始时间自动启用，到结束时间自动恢复商品管理中的当前售价，无需手动把商品价格改回去。

首页与合集页面停留时会按排期边界或最长约60秒刷新；商品详情、购物袋重新进入会核对当前数据。网络不通或手机后台挂起时页面可能暂留旧内容，实际下单总以服务器重新核验为准。服务器要保持时间同步。

06 / 保存、预览、发布和历史恢复

保存草稿：保存后台编辑，不影响顾客。未保存修改会在当前浏览器窗口的会话存储中暂存，仅在后台版本未变化时恢复，不能代替正式保存。

预览草稿：按当前时间预览开放板块。尚未开始的内容可在编辑画布检查；正式发布前也要检查活动排期。预览合集显示本合集设定的当前价格；若有重叠活动，顾客端最终价格还会取全商城最低有效价。

发布首页与合集：会先保存当前内容，再发布所有板块、合集和价格规则。多名运营同时编辑时，如果版本已变化会拒绝覆盖，请刷新后重新编辑。

历史版本：保留最近20次发布。点击“载入此版本”只恢复到草稿，检查排期和活动价，再发布才影响商城。恢复旧版本可能重新开放仍在有效期内的活动，务必先预览核对。

07 / 9 个字体选项，7 个字体家族

当前品牌排版统一为：正文、说明、按钮和表单使用阿里巴巴普惠体3.0常规，标题使用阿里妈妈数黑体。现有首页板块已同步；新增文字图层默认数黑体，新增按钮默认普惠体。编辑器仍保留其他字体选项，字体样张页用于比较不同字形。

进入“首页装修与活动”，选择一个文字或按钮图层，在“商用免费字体”中选择。字体按阿里、站酷、书写三个系列分组，选中后画布立即更新。打开字体样张页，输入自己的文案对比效果。普惠体的细体、常规和粗体属于同一字体家族的不同字重。

阿里字体取自 Alibaba Fonts 官网，使用官方原始TTF，未转换、裁剪或修改字库。官网同时提供网页字体格式；商城按官方免费商用法律声明使用，保留完整声明和来源，不将字库作为独立字体产品销售。阿里字体采用自己的法律声明，不属于OFL。普惠体声明取自官网链接的官方法律声明，数黑体声明直接随官方下载包保留。

站酷系列、马善政楷书和志莽行书取自Google Fonts官方仓库，采用SIL OFL 1.1，保留完整版权和许可证。后续新增字体继续核对具体版本的许可与字库来源。来源、文件大小及校验值见 字体来源清单。

商城字体按需要加载，首次访问需要下载，之后可缓存。字体样张页为对比效果会集中加载全部字体。缺字或网络失败时可能回退到系统字形；请用实际文案验证生僻字，活动标题尽量使用一至两种字体。原生小程序使用微信 wx.loadFontFace 从服务器HTTPS地址加载，字体不塞进小程序主包。正式HTTPS、iOS和Android真机加载仍需验收，发布前须检查首屏速度。

08 / 上线前自己走一遍

1. 添加一个横幅和两个方形卡片，分别设置商品与合集跳转。拖动文字、按钮，检查手机预览的裁切与可读性。
2. 保存草稿后查看商城，确认仍是旧发布版本；发布后刷新，确认内容更新。
3. 临时关闭一个板块，确认消失；再开启。确认合集到期后不能从旧链接进入。
4. 在测试环境设置短期活动，核对活动前、活动中、活动后价格。让结算页停留到活动结束，再提交应提示重确认。
5. 确认已成交订单保留活动价，ERP测试单金额、微信支付及退款金额一致。
6. 在微信开发者工具编译12个原生页面，正常开启域名校验，在iOS/Android真实小程序体验版测试字体、图片、按钮、合集和结算。

09 / 按标注编辑品牌与会员页面

打开管理后台 → 品牌与会员页面。所有者、运营可以编辑，客服和审计不能修改。沿用普惠体正文、数黑体标题，以及紫、淡紫、黑白配色。

1. ①至④在各自“显示内容”中选文字或图片。文字直接填写；图片上传后填写说明文字。标志建议用透明PNG，名称和公告图片应留出边距，避免字太小。
2. ⑤⑥分别选“轻装，去野”和“从城市，到山野”板块的顶部图层，选择文字或图片。需要时调整位置与宽高，保存草稿、预览，再发布首页与合集。
3. 填写⑨标题及⑩副标题。上传会员卡背景，建议1050×660px，不要把姓名、等级、积分、编号印进背景，这些数据由系统实时显示。卡片右上角不再叠加独立Logo，可按自己的卡面设计使用这块空间。选择深色卡面白字或浅色卡面深字；图片居中铺满，四边可能裁切，请为数据区域留白。
4. 图片均支持JPG/PNG/WebP、单张最多8MB。上传完成后，在品牌页面点击“保存并应用”，再刷新商城检查。恢复原卡面可点“恢复纯色卡面”后保存。

菜单包含首页、全部商品、购物袋、会员、我的订单、咨询与售后。点击页头搜索图标后，搜索框在图标下方就近展开；填写后点击“搜索”或按回车进入结果，再点图标可收起。支持商品名称、系列、分类，搜索词与分类条件共同筛选；没有结果时可清空搜索词或选择全部分类。

目前的会员等级

上述为本地当前配置，按已完成订单的商品实付金额累计，不含运费；成功退款回减，按当前净额重新计算等级。积分与等级是不同规则：定制资格看当前积分，等级看净完成消费。当前本地赠分开关关闭，默认比例为每消费1元赠1积分，需在“商城设置”开启后应用于新订单；正式积分仍须完成吉客云对账规则验证。