走过一十二年历程的互联网品牌设计机构,专业网站开发建设,破解搜索引擎算法数据结构排名规则,独创集成子域名集权seo优化

WooCommerce可变产品多变量属性可视化插件 – Variation Swatches for WooCommerce

标签:, ,

WooCommerce Variation Swatches 是一款实现WooCommerce产品变量可视化选择插件。它为 Variable 变体类型的产品选择属性提供了美观和专业的可视化体验。它将 Variable 产品变体选择选项字段转换为可视化辨别的图片、颜色和标签。这意味着借助这个功能强大的WooCommerce产品多变量变体属性插件,您可以在 图片、 颜色和标签中显示产品变体项目。从而告别 WooCommerce 默认的下拉产品属性选择方式。

WooCommerce Variation Swatches 插件提供了更利于浏览和操作的产品变体选择体验,大大提升了选择变体产品属性的便捷性和用户体验。它将产品变体属性的下拉框选项,自动转换为图像、颜色、按钮、单选项等可视化属性。这意味着借助这个强大的 WooCommerce 插件,我们可以在图像、颜色、按钮、单选项中显示产品的变体项目属性。

在 WooCommerce Variation Swatches 插件中,除了创建尺寸,品牌,图像,颜色和标签等产品变体色板外,您还可以处理色板形状样式。最重要的是,它允许您在变化色板悬停上漂亮的工具提示。根据您的要求,您可以从设置中启用和禁用悬停。为了最大化和个性化您的开发过程,产品属性色板提供了一个禁用默认插件样式表的选项,以便您可以亲自编写自己的 CSS。

Variation Swatches for WooCommerce 插件效果对比
Variation Swatches for WooCommerce 插件效果对比

 

插件安装

1. 在WordPress网站后台的【 插件 – 安装插件 】页面,在线搜索 WooCommerce Variation Swatches 插件,安装启用;
2. 或者在WordPress官方插件库下载插件,上传到网站的 wp-content/plugins/目录后,在后台 【 插件 】中启用后。

 

插件用法

插件安装启用后,在网站后台找到 【 GetWooPlugins – Swatches Settings 】,如下图所示:

Variation Swatches for WooCommerce 插件设置
Variation Swatches for WooCommerce 插件设置

添加产品的全局属性

产品属性分为全局属性自定义属性全局属性是预先设置好的通用型的产品属性,在发布新产品时可以直接选择使用;自定义属性是在发布新产品时,为产品专门添加的新属性。这里介绍的是全局属性。

在网站后台找到 【 产品(Products)> 属性(Attributes)】页面,添加、修改、删除产品全局属性。如下图所示:

Variation Swatches for WooCommerce 插件 添加产品属性
添加产品属性

添加产品属性需要设置的内容包括:

  • 名称(Name):属性名称;
  • 别名(Slug):非必填,是网址(url)的重要组成部分,不填将自动等于匹配名称;
  • 启用归档(Enable Archives):如果您想要让这个属性拥有产品归档功能,那么可以开启此项。例如,颜色属性有一个属性值是蓝色Blue,你可以添加网址:https://yourdomain.com/pa_color/black/到网站菜单中,它将展示所有蓝色Blue的商品,其中pa表示product attribute。
  • 类型(Type):选择使用哪种方式展示这该属性值,可以选择 颜色、图片、按钮、单选框模式;
  • 默认排序(Default sort order):选择默认的排序方式,用于确定商店页面的排序类别,如欲使用自定义排序,可拖放此属性中的类别。你可以在自定义排序(Custom ordering)、名称(Name)、名称(数字)(Name (numeric))、类别ID(Term ID)中选择; 如果选择自定义排序(Custom ordering),那么你可以在属性值列表中拖拽调整顺序。

配置类别

以上属性添加完成后,该属性将添加显示在右侧的列表中,但还没有属性值。

点击右侧对应属性中的 配置类别(Configure terms)链接,进入到添加属性值页面,可以根据需要添加多个属性值。以添加 Color 颜色属性的属性值为例,如下图所示:

Variation Swatches for WooCommerce 插件 添加产品属性值
添加产品属性值

添加产品属性需要设置的内容包括:

  • 名称(Name):属性值名称;
  • 别名(Slug):非必填,是网址(url)的重要组成部分,不填将自动等于匹配名称;
  • 描述(Description):非必填,是对当前属性值的一段简单介绍。

 

将全局属性添加到产品页

首先,在产品文章发布页面,找到 产品数据(Product data)模块,如下图所示:

WooCommerce 产品添加属性
可变产品添加属性
  • 1. 在 产品类型(Product type) 下拉框中,选择 可变产品(Variable product);
  • 2. 切换到 属性(Attributes) 选项卡;
  • 3. 在 属性(Attributes) 选项卡中,点击 添加现有值,在弹出的下拉框中,找到对应属性选项;

然后,以选择 Color 颜色属性为例,如下图所示:

WooCommerce 产品添加属性值
可变产品添加属性值

在 Color 属性中,选择当前产品要用的属性值。其中的 在产品页可见用于变量 两个选项要勾选!

最后,切换到 变量(Variables)选项卡,自定义设置每个变量属性对应的产品参数就可以了,如下图所示:

WooCommerce 添加产品变量
添加产品变量参数信息

每个产品属性对应的参数,包括:缩略图、SKU、常规售价、促销价格、库存数量、是否允许缺货超售、库存不足的最低值、重量(公斤) 、尺寸 (长×宽×高) (厘米) 、运费类、描述等,可根据需要进行相关设置。

以上操作设置完成后,最终产品页面就会显示可视化操作的多变量属性了,平铺展示在页面中,更便于用户浏览选择。如下图所示:

Variation Swatches for WooCommerce 插件多变量属性效果
产品多变量属性效果

Variation Swatches for WooCommerce – 产品多变量属性可视化插件,通过友好且易于使用的界面,在属性管理页面上,方便地添加不同显示效果的产品属性,帮助我们在编辑产品页面快速添加全局属性。

同时,该插件还便于客户可以通过选择颜色、品牌、尺寸或图像样本来选择产品属性。这些视觉属性可以提高您的商店销售额,并在WooCommerce网站上提供更好的购物体验。

 

插件下载

Variation Swatches for WooCommerce – 产品多变量属性可视化插件下载地址:https://wordpress.org/plugins/woo-variation-swatches/

早一天建站,早一天收获询盘订单,让客户主动找到你!

WordPress外贸建站服务承诺 WordPress外贸建站 - 真实客户询盘案例