Shopify变体产品Variants属性的设置

本篇内容接上文 – Shopify产品定价,库存与发货设置,继续说下Shopify产品上传中,多属性产品,也就是Shopify变体产品的上传和设置教程。

Variants, 即为多属性产品(变体产品)。例如某T恤衫有4种不同的颜色,4种不同的尺寸,你可以将他们做成多属性产品,合并到一个产品页面里面,而不是为每个属性做一个产品页面。否则你要总计做出(4个颜色 X 4个尺寸)16个只有颜色和尺寸有差异的重复页面。无论是从客户体验还是Google SEO都不友好。因此,建议把可以做成变体的产品尽可能做成变体状态。

如下图,这款产品提供了13个颜色选择和4个尺寸选择,外加一个定制选项(定制选项为了方便我把他看作2个变体的集合,也就是定制或者不定制),因此,这个变体产品实际上是集合了13*4*2=104个产品到一个页面里面供客户选择。

那么上图所示的变体信息是如何实现的呢?

Shopify产品变体数据添加

变体产品的设置在Shopify产品管理页面的Variants板块进行设置。如果你要给产品添加变体,只需要在Variants板块中,勾选This product has multiple options, like different sizes or colors, 则在下方就会出现Options选项,如下图,默认的Options 1中填写的是Size,你可以编辑它,在后面的文本框中,你可以输入对应的属性值,例如产品尺寸Size对应的属性值可以是 Small,Medium,Large,Giant。属性值的添加用英文输入状态下的逗号隔开或者使用键盘回车键隔开。

如果你需要添加其他属性到这个产品中,比方说,Color,那么点击Add another option按钮,就可以在Option 1下方添加一个新的Option 2,然后在后面添加对应的属性值,Red,Green,Blue,Black,Yellow等等。

目前Shopify最多只能添加3个属性(基本能够满足大部分产品了吧),单个属性值的数量限制为100,多个属性值的话,他们的乘积不能超过100(例如颜色如果有10个的话,可以添加的尺寸数量最多为10)。

每添加一个属性值,在多属性面板下方就会出现一行属性值要求你提供对应属性的价格Price,产品编号SKU以及产品二维码信息Barcode。

多属性产品信息添加完成之后,点击产品添加页面右上角的Save按钮。页面刷新之后多属性板块则变成如下图所示页面。在这个页面,你可以直接对属性产品的图片,尺寸,颜色,价格,SKU进行编辑。点击变体属性里面的图片图标按钮,可以为该变体添加图片。为变体添加的图片默认会同时上传到Images里。在网站前台,产品图片会随着客户点击不同颜色属性而更换成你设置的产品图片。

Shopify产品变体数据批量编辑

Shopify系统的变体产品编辑页面提供了很多的批量编辑工具。

首先在变体编辑板块的最上方,你可以点击Add variant来添加新的变体信息到产品页面中,点击More options,可以对变体属性进行编辑,例如Color,Size的单词修改。点击Reorder Variants可以对你所有的产品信息属性值进行重新排序。如下图所示

再往下方的Select选项是快速选择工具,你可以点击单词链接然后快速选择对应的变体,例如,你点击Red之后,系统会立即将所有红色变体的产品选中。当选中某些或者全部变体之后,在变体列表上方就会出现Open Bulk Editor按钮和More Actions按钮。这两个都是针对产品变体信息的批量编辑工具。

你可以在下拉选项中点击Edit Price一键修改所有选中变体的产品价格,也可以点击Edit images一键添加或者修改所有选中变体的图片。目前Shopify系统的批量编辑工具还是相当强大的,除了没有办法批量编辑修改产品的描述信息之外,其他信息都可以通过在线批量编辑工具快速完成信息修改。

目前大部分的主题颜色变体是类似上图所示的文字显示或者小颜色图标来显示的,如果要将变体颜色做成对应的产品的小图片,要么需要购买安装特定的主题才能实现,要么需要安装插件才能实现。

比方说Shopify插件 – Variant Options Swatch King。效果如下图所示

赞(33) 打赏
未经允许不得转载:歪猫跨境 | WaimaoB2C » Shopify变体产品Variants属性的设置

留言交流 16

  1. #9

    手机型号应该如何编辑?
    SKU应该是从属关系,不是并列关系。例如iPhone下面分iPhone13、12、11…Samsung下面分S22、S10…

    Emma2个月前 (03-11)回复
  2. #8

    加了变体后,选择新型号的产品,加入购物车之后,价格和价钱不是那个变体,有遇到这个问题吗?

    Ares2年前 (2020-11-02)回复
    • 清空下浏览器缓存,或者换个浏览器试试

      Conway2年前 (2020-11-03)回复
  3. #7

    Shopify能不能让属性图不在媒体图里显示

    分地方撒2年前 (2020-08-16)回复
    • 应该是不行的,这个是Shopify系统的图片管理方式

      Conway2年前 (2020-08-17)回复
  4. #6

    有没有插件可以实现添加超过3个以上的属性?

    匿名2年前 (2020-07-01)回复
  5. #5

    产品有两个属性,能不能属性2里面的属性根据属性1的选择而变动

    匿名2年前 (2020-05-22)回复
    • 目前还没有见到过支持类似功能的APP或者主题。

      Conway2年前 (2020-05-22)回复
  6. #4

    能不能在产品页滑动图片时,就自动选择对应图片的SKU?

    匿名2年前 (2020-05-01)回复
    • 目前还不知道如何实现你说的这样的功能

      Conway2年前 (2020-05-01)回复
  7. #3

    请问定制化的选项框是怎么设置呢,需要插件吗。好像在后台没这个选项,有什么插件推荐吗 选项啦

    匿名2年前 (2020-03-20)回复
  8. #2

    在网站前台,客户点击产品颜色,但是产品图片不跟着变化,这个是什么问题?谢谢!

    匿名2年前 (2020-01-05)回复
    • 首先看下你的网站后台,是否对每个变体赋予了不同的图片。如果没有问题的话,多半是Shopify主题的问题了

      Conway2年前 (2020-01-06)回复
  9. #1

    为什么我的变体编辑页面上上面的不同,难道是因为我的是基础版吗

    匿名4年前 (2018-09-30)回复
    • 你的是什么样子的呢?系统一直在更新,以具体显示为准。

      Conway4年前 (2018-10-03)回复

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容

支付宝扫一扫打赏

微信扫一扫打赏