返回上一级
24 / SHOPIFY · 阅读 2 分钟

色板换了,狗身上那件没换。

把「导出正确」和「Shopify 变体预览正确」之间那段缺口补上。

编辑风格的 AI 插画:米色桌面上放着三件折好的虚构狗背心,鼠尾草绿、藕粉和暖赭各一件,每件旁边配一张狗狗穿着同色款式的小幅照片。
AI 生成的编辑插画,画面中的商品为虚构;既不是示例 SKU 的实拍,也不构成任何商品表现的证明。

鼠尾草绿、藕粉、暖赭三张背心图都生成好了,文件看着没问题。可到了 Shopify 商品页上,选中「藕粉」时,选项名变了,狗身上穿的还是那件鼠尾草绿。

这时候该做的,不一定是再生成一次。先找出图片到变体的那次交接是在哪一步断的。

给每一次导出定好去处

在我们的工具 Tufty 里做候选图时,每个色号都用它自己的实物照片。如果对整个系列的呈现有帮助,宠物参考图可以复用,但每个结果都要单独审。在提示词里换一个颜色名称,替代不了提供实际的那件商品。

通过之后,把商品标识、色号和导出文件名记在一起。一张简单的示例台账就够用了:

实际变体 已通过的上身图文件 待核对的店铺指派
鼠尾草绿 vest-sage-worn-approved 鼠尾草绿变体预览
藕粉 vest-rose-worn-approved 藕粉变体预览
暖赭 vest-ochre-worn-approved 暖赭变体预览

这套命名是人工约定,不是 Tufty 的同步功能。它的作用,是不让一个「看起来没问题」的文件变成一次错误的指派。

顺着变体这条链走一遍:实际色号 → 审过的导出 → 指派的预览 → 前台核对。

原创编辑框架。原创示意流程。请以实物和实际的发布位置为准。

先搞清楚「指派」到底做了什么

Shopify 的标准变体流程,允许你给一个变体指派一张图片,其余图片放在商品媒体库里。不要默认指派了预览图,整个媒体库就会自动筛成该颜色专属的一组;请在你自己店铺的实际配置里确认这个行为。

这个区别会在什么时候显出来:客户选了藕粉,接着往下滑,看到的却是一张鼠尾草绿的细节图。预览指派可能是对的,而媒体库那部分仍然需要更清楚的组织,或者另一种实现方式。

要测的是选中之后的结果,不是文件名

打开商品预览。逐个选项点过去,看指派的图片,再看剩下的媒体库。换成手机尺寸再走一遍。如果出现的是错的图,先去查指派和主题的行为,别急着改一个本身准确的素材。

如果文件是对的,但颜色不准,那就回到审图这一步,拿实物色号来比。生成和店铺指派解决的是这个问题的不同部分。

今天这次更新,把三个变体从素材一路追到屏幕上。做完的标准是:选中的选项和显示的图片对得上——而不是三个 PNG 都导出来了。

编辑调研与来源注记

调研注记 —— 24

核查日期:2026 年 9 月 24 日。来源注记与不含链接的正文是分开的。

Shopify:变体图片

Shopify: images for variants

该文档说明:标准变体可指派一张图片,其余图片位于商品媒体库;不要据此推断媒体库会整体自动筛选。

Shopify:添加替代文本

Shopify: adding alt text

该文档说明了简短描述性替代文本及其对辅助技术的作用。「先写描述」的做法是原创的编辑练习,不是在承诺任何 SEO 结果。

产品能力范围

Tufty 能力依据。核对的是当前本地的实现与配置,未进行任何线上实测生成。每个实际色号的素材各自生成、各自审核,再由商家手动指派到对应的 Shopify 变体。

编辑说明

文中的商家情境与商品示例均为示意。建议是一种编辑层面的流程假设,不是客户案例,也不构成转化、时间或成本收益的证据。封面由 imagegen 生成,不是 Tufty 的实测样例。图表是原创的编辑示意,不是对真实 SKU 的测量。

The Pet Merchant Journal · 一个面向宠物电商的原创专栏。