咱们在外贸网站建设时,如果搭建的是零售商城,譬如发售鞋子、衣服,那么肯定会用到可变产品色板选项性能,让你的客户能够直观的抉择尺码、色彩、款式等等。本篇教程解说如何应用插件Variation Swatches for WooCommerce实现产品色板性能。

  • WooCommerce自带的产品属性选项,无色板

  • Variation Swatches for WooCommerce实现的色板性能

本文原文首发于:https://loyseo.com/how-to-ena...

装置Variation Swatches For WooCommerce插件

首先请在你的WordPress网站中装置并激活插件Variation Swatches for WooCommerce,相干教程:如何装置插件。

增加全局属性

接下来,你要学会增加全局属性。

请进入products> attributes页面,以便增加、批改、删除属性。

增加属性须要填写的内容:

  • name:名称,名称不能反复。
  • slug:非必填,是网址(url)的重要组成部分,不填将主动等于name;如果改了name,记得批改slug,如果网站已上线后批改slug,记得做好新旧url的301跳转,你能够装置rank math seo插件,依照外贸网站如何设置Rank Math SEO教程,启用auto post redirect配置。
  • Enable Archives:启用列表,如果你须要展现具备以后属性的产品到属性列表页中,那么就启用。例如,色彩属性有一个属性值彩色,你能够增加网址:https://yodomain.com/pa_color... 到网站菜单中,它将展现所有彩色的商品,其中pa示意product attribute。
  • type:示意类型,这个字段只有激活了Variation Swatches for WooCommerce才会显示,它提供了三种类型:color(色彩)、image(图片)、button(按钮),譬如:尺码属性能够用type类型。
  • Default sort order:抉择默认的排序形式,你能够在“Name”, “Name (numeric)”, “Term ID” or “Custom ordering” 种进行抉择,它将影响属性值的排序,譬如,如果属性值是数字,则“Name (numeric)”是最合适的,那如果抉择“name”,则按字母程序排序,1和10反而在2的后面。如果抉择“Name (numeric)”排序,则依据数值从小到大进行排序。 如果抉择“Custom ordering” ,那么你能够在属性值列表中拖拽调整程序。

当你增加属性后,该属性将增加到右侧的表中,但还没有属性值。

请点击“configure term”进入增加属性值,能够按需增加多个属性值。

当你增加色彩类属性时,零碎会让你抉择色彩

当你增加图片类属性时,零碎会让你上传图片。

当你增加完所有的属性后,接下来咱们就是去增加可变产品了。

增加可变产品

详见教程: WooCommerce如何增加可变产品

本文视频教程

https://loyseo.com/how-to-ena...

本文原文由LOYSEO 公布,LOYSEO专一于WordPress外贸网站建设教程、Elementor教程。