wechat share

产品选项配置

2,728 阅读时长 4 分钟

分享至:

前置准备

  1. 备好所有产品颜色实拍图,统一存电脑文件夹
  2. 可选准备:每个颜色对应的独立产品链接(不需要点击色块跳转单品的客户,可跳过此步骤

步骤 1:打开产品编辑页

  1. 后台菜单点:数字产品 → 网站产品
  2. 在产品列表找到要设置的产品,点击产品标题,弹出产品档案弹窗
  3. 弹窗内点击【编辑产品】,进入编辑页面

步骤 2:创建颜色总规格(color 图像选项)

  1. 页面往下滑动,找到【选项】板块并点击展开

2. 首次操作无规格,点击【新建选项】

3. 参数填写(建议固定格式,不要改)

  • 选项名称:color
  • 展示形式:下拉选择「图像」(必须选这个才能展示图片色块)

4. 填完点击【保存】,页面出现 color 栏目即创建成功

步骤 3:逐个添加单颜色款式 + 上传图片

以粉色 pink 举例,其他颜色操作完全一样

3-1 新增单颜色条目
  1. 在 color 栏目右侧点【新增选项】
此图像的alt属性为空;文件名为image-36.png
  1. 选项名称输入对应颜色英文:pink(红色 red、蓝色 blue、黑色 black 以此类推)
3-2 上传产品实拍图(两种方式)

点击图片框,弹出「图像管理」窗口

此图像的alt属性为空;文件名为image-38.png

方式① 图片已在后台素材库:找到对应图片,双击选中即可绑定

方式② 图片在本地电脑:点【上传】→ 选中电脑里的款式图上传 → 上传完成——双击图片绑定

3-3 一款式多图补充

同个颜色要放多张细节图,点击绿色字体【添加图片】,重复上面上传步骤即可

3-4 保存本条颜色

图片全部上传完成,点击【确定】,本条粉色规格添加完毕

3-5 重复操作

按照 3-1~3-4 流程,把全部在售颜色依次新建、配图

步骤 4:【可选功能】绑定颜色跳转链接(按需设置)

说明:仅需要客户点击颜色图跳转对应单品详情页时再操作;只展示颜色图、无需跳转的客户,直接跳过本步骤!

  1. 所有颜色添加完成后,找到【关联选项】按钮点击
  2. 弹窗内搜索该颜色对应的独立产品
  3. 选中匹配产品,点【确定】完成跳转绑定
  4. 每个颜色都单独绑定对应单品链接

步骤 5:保存设置 + 前端效果检查

  1. 全部配置完成,滑到页面底部,点击【更新】 ⚠️ 重点:不点更新,所有设置全部不生效!
  1. 更新完成,点击页面产品 URL 链接,打开前端页面校验: ① 产品下方正常显示全部带实拍图的颜色色块 ② 若做了跳转设置:点击任意颜色图片,自动跳转到该颜色专属产品详情页 页面展示正常,代表设置全部完成

新手必看避坑清单

  1. 命名规范:总规格固定 color,子颜色只用英文小写,禁止中文,避免系统识别出错
  2. 图片规范:统一白底、尺寸比例一致,前端色块不会大小混乱
  3. 操作顺序不能乱:先建 color 总规格 → 再加各个颜色子选项 → (可选)绑定跳转链接,顺序颠倒功能失效
  4. 选项排序调整方法:选中目标颜色选项空白位置,按住鼠标左键直接上下拖动调整顺序,拖动完成后刷新页面,前端展示顺序同步更新

库存额外提醒

所有规格库存建议填9999,不要填 0 或 1

  • 库存 = 0:前端直接隐藏该颜色,客户看不到
  • 库存 = 1:客户下单一件后,该颜色立刻下架,容易缺货丢单

10 秒速记流程

进入产品编辑 → 新建 color 图像规格 → 逐个添加颜色 + 上传实拍图 → 【按需选择】绑定单品跳转链接 → 底部更新保存 → 打开链接核对前端展示效果

2019 © WordPress theme by shanran

本页共执行64次查询操作耗时0.331秒
开通只需 60秒 立即开始全球自动接单吧!
开通只需 60秒 立即开始全球自动接单吧!
XORDER奇单

· 扫描二维码分享至微信 ·

产品选项配置