WooCommerce产品设置多sku、颜色、尺码、型号等属性
作者:小朱笔记
发布日期:2018年12月21日
摘要:WooCommerce商城产品,购买时怎么选择大小、颜色、型号下单 WordPress建站WooCommerc […]

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

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

先看默认展示效果:

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

优化后展示效果:

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


设置步骤:

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

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

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

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

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

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

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

以上就是设置教程。


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

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

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

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

以下免费插件:

后台搜索插件安装:Variation Swatches

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

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

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

设置Color,添加配置色。

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

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

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

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

展示效果都差不多。

设置基本完成。

相关文章

WordPress设置后台中文,网站前台英文

新手刚使用Wordpress建站,特别是这几年外贸建站特别多,直接安装Wordpress英文版后,对后台完全不熟悉,看不太懂难操作,建议切换成后台中文,前台还是显示英文。 WordPress如何实现后台中文前台英文(非插件版): 1、先设置网站默认语言为英文,设置——常规——站点语言(这个时候整个网站语言为英文)...

WordPress侧边添加Whatsapp,skype,QQ社交等浮动菜单

使用Wordpress建站,想让客户更方便联系我们,想在网站侧边加上一些联系方式,比如:QQ,微信,外贸站:Whatsapp,skype等。另外还想添加一些社交平台facebook,twitter,instagram等平台。 安装Float menu – awesome floating side...

Contact form 7表单css样式代码

Contact Form 7是Wordpress插件,不需要多做介绍,作为询盘表单插件,全球使用人数最多。虽然功能强大,但是外观太丑,需要手写CSS。 虽然CSS我也不是很会,通过谷歌查找教程,也学了些基本,把表单基本上改改还是能看,最起码比没改好吧。 没加CSS之前: 加了CSS之后: 虽然改的不是很好,起码还是能稍微看一下。...

使用WP-CLI命令管理 WordPress

WP-CLI 是一款用于管理 WordPress 的命令行交互界面,无需浏览器即可完成插件更新,可以数据库备份创建、插件和主题的安装和删除、发布和删除帖子、更改站点的URL设置、执行升级、可以生成备份、可以发布新帖子、多站点设置、并且可以使用一组命令来执行大多数常规管理操作。...

评论

0条评论

递交一条评论

邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

欢迎来到我的博客!

好记性不如烂笔头

为什么要写博客?

记性不好。

本站所有内容都是我在工作中所遇到的问题,通过搜索引擎查到资料,有自己原创经验分享,有收集来的,记录并分享,方便自己以后查阅。

主要:建站资料,网络推广,服务器,软件分享,办公软件操作,阿里巴巴国际站,国外社交平台,各类工具等等。

我的收藏,希望对你有帮助。

收藏本站(Ctrl+d)加入收藏