在Webflow电子商务中生成特定产品的变体,以自动考虑尺寸或颜欧宝体育在线首页色选项。
选项让你卖的不一样变体同一种产品,比如不同尺寸欧宝体育在线首页和颜色的衣服。每个选项的独特组合都会产生一个变体。每个变体都被视为一个单独的产品,并且有自己的产品字段可以设置。欧宝体育在线首页
在这节课中:
如果您销售的产品具有不同欧宝体育在线首页的选项,例如不同的大小和颜色,那么您可以为每种选项类型添加选项集。匹配这些选项组合的产品的单个版本是一个变体。欧宝体育在线首页例如,如果你出售多种尺寸、颜色和设计的t恤,你需要添加三个选项集:一个是尺寸,一个是颜色,一个是设计。
要添加选项集,请打开具有选项的产品的详细视图,滚动到选项部分和欧宝体育在线首页+添加一个选项设置.
定义的名字选择您的选项集(大小,颜色…),并开始添加您的选项。输入每个选项并按Enter以创建选项。尺寸可选:S, M, L, XL。颜色的选择可以是:黑色、白色、蓝色等等。
如果您犯了一个错误,需要重命名一个选项或删除它,请将鼠标悬停在选项名称上并单击其上出现的箭头。选择重命名它或删除它。
还可以通过双击选项重命名它。另一种按从最后到第一个顺序删除选项的方法是,当光标位于选项字段中时,按退格键。
在创建选项集之后,可以通过单击选项集名称或鼠标悬停在选项集上时出现的设置图标来编辑选项集。
在这里,您可以通过单击垃圾桶图标重命名选项集、管理选项或删除选项集。
删除一个选项集将删除变量列表中与之相关的所有变量。
在添加选项时,您将看到为选项集中的每个选项组合自动创建变量。因此,不同尺寸、颜色和设计的t恤包括:s/黑色/纯色、m/黑色/点状、大/黄色/条纹等等。
也许你没有黑色条纹衬衫,或者黄色衬衫只有小号的。你如何确保你的顾客不会订购一个你不出售的变种?对于任何不可用的变体,更新变量详细信息,启用库存跟踪,并设置数量为0。这将使这些选项在选项列表下拉列表中不可选择。
每个变体都是一个独立的产品,有自己的产品字段可以设置。欧宝体育在线首页主图像、更多图像、SKU、价格、比价和设置在主产品上的测量值由所有变体继承。欧宝体育在线首页如果设置了数量,则由创建的第一个变量继承。
您可以手动更新和替换任何继承的值,方法是单击变量或鼠标悬停在其上时出现的设置图标。
一旦您添加了变量,创建的第一个变量将成为默认变量。用a表示明星⭑中的变体库存列表。
一旦保存了产品,下次访问产品详细信息时,用于图像、更多图欧宝体育在线首页像、数量、SKU、价格、比价和尺寸(宽度、高度、长度、重量)的主字段将不再对该产品可用。默认变量的值将成为该产品的默认值。欧宝体育在线首页这意味着,在任何产品集合列表或产欧宝体育在线首页品页面上,连接到这些字段的任何元素都将显示来自默认变量的值。
要将不同的变体设置为默认变体,请单击变体清单中的名称以访问详细信息,然后单击名为“缺席“就是这样!”
说到设计欧宝体育在线首页产品收集清单和欧宝体育在线首页产品页面,您可以从中提取数据的集合字段对于所有产品都是相同的,无论它们是否有变体。欧宝体育在线首页这是因为默认变量和主乘积是一样的。欧宝体育在线首页因此,对于带有欧宝体育在线首页变体的产品,这些字段从默认变体中提取详细信息。
了解更多:设计电子商务收藏
对于具有欧宝体育在线首页变体的产品,“添加到购物车”组件将显示一个额外的包装器选项列表.这让用户在将商品添加到购物车之前,可以从该产品的不同选项中进行选择。欧宝体育在线首页
当购物者在这些选项之间进行选择时,任何显示来自默认变量的数据的元素都将被更新,以显示所选选项的数据。
作为设计人员,您可以在可变下拉元素的设置中替换默认的“select”文本。
控件中的选项列表中显示所选选项车,结帐页和付款确认页面。
您可以像自定义和设计集合列表一样自定义该选项列表。
了解更多:自定义添加到购物车的体验