• 欢迎访问小朱博客,博主主要从事阿里巴巴国际站运营,WordPress建站,电子商务。如果你也是从事阿里巴巴国际站运营工作,欢迎加入阿里巴巴国际站SEO QQ群
  • 本站所有内容都是我在工作中所遇到的问题,通过搜索引擎查到资料,有自己原创经验分享,有收集来的,记录并分享,方便自己以后查阅。
  • 主要:建站资料,网络推广,服务器,软件分享,办公软件操作,阿里巴巴国际站,国外社交平台,各类工具等等。
  • 好记性不如烂笔头。
  • 如果您觉得本站非常有看点,那么赶紧使用 Ctrl+D 收藏 小朱博客 吧!

WooCommerce产品设置多sku、颜色、尺码、型号等属性

WordPress技巧 小朱博客 5个月前 (12-21) 149次浏览 0个评论

WooCommerce商城产品,购买时怎么选择大小、颜色、型号下单

WordPress建站WooCommerce插件发布可变商品(Variable product)产品,对于多SKU的产品设置颜色,大小尺码,型号和优化展示效果。

先看默认展示效果:

WooCommerce产品设置多sku、颜色、尺码、型号等属性

优化后展示效果:

WooCommerce产品设置多sku、颜色、尺码、型号等属性


设置步骤:

先在属性设置中添加固定属性,如:颜色、尺寸等,之后在产品数据可变产品选择属性的时候才能下拉选择固定属性。

WooCommerce产品设置多sku、颜色、尺码、型号等属性

添加或编辑产品—产品数据—选择可变产品(Variable product)—添加设置属性—添加变量—保存。

WooCommerce产品设置多sku、颜色、尺码、型号等属性

属性添加完成,在变量中设置属性,比如:产品sku、颜色、大小、型号等信,然后保存。

WooCommerce产品设置多sku、颜色、尺码、型号等属性

注:所有的变量都需要先在属性中设置。

以上就是设置教程。


默认的显示效果不是非常好看,利用插件美化一下效果。

我使用的是付费插件:Clever Swatches (后面有推荐免费插件)

设置和免费的插件差不多。

WooCommerce产品设置多sku、颜色、尺码、型号等属性

以下免费插件:

后台搜索插件安装:Variation Swatches

WooCommerce产品设置多sku、颜色、尺码、型号等属性

在属性中设置分类变量属性—类型,如:颜色—Color,尺码大小—label

WooCommerce产品设置多sku、颜色、尺码、型号等属性

设置Color,添加配置色。

WooCommerce产品设置多sku、颜色、尺码、型号等属性

添加颜色名,并设置颜色。

WooCommerce产品设置多sku、颜色、尺码、型号等属性

然后在产品编辑中,属性选择固定属性就可以了。

展示效果都差不多。

设置基本完成。


欢迎浏览小朱博客 , 由小朱发表的:WooCommerce产品设置多sku、颜色、尺码、型号等属性
转载请注明原文链接:https://www.zhudc.com/wordpress/2083
喜欢 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址