Woocommerce教程之3:产品页面价格,库存及多项属性设置

产品详情页要设置的东西很多,比如产品价格,库存,产品详细描述,产品多种属性筛选等等。

首先来新增一个产品和产品目录,点击左侧栏Products-Categories进入目录列表,新建你的目录。然后点击Products-Add New新增一个产品,下面来看产品如何编写(本文的演示效果请看这里 T Shirt):

一. 产品标题与描述

产品标题不宜过长,标题下面是产品的详细描述,很长的一段,描述内可插入图片,视频和表格。

插入表格的插件叫 “Shortcodes Ultimate” ,下面演示一下如何使用:

插件激活后,在产品描述上方能看到一个”Insert Shortcode” 按钮,点击后弹出配置选项,先搜索”Table” .

选中并进入详细设置, Responsive(响应式)选为Yes,这样表格大小可随浏览器布局发生改变

在Content选项填入行数与列数配置,一对<tr></tr>标签代表一行,一对<td></td>标签代表一列

所以四行五列的配置代码为

<table>
<tr>
<td>Table</td>
<td>Table</td>
<td>Table</td>
<td>Table</td>
<td>Table</td>
</tr>
<tr>
<td>Table</td>
<td>Table</td>
<td>Table</td>
<td>Table</td>
<td>Table</td>
</tr>
<tr>
<td>Table</td>
<td>Table</td>
<td>Table</td>
<td>Table</td>
<td>Table</td>
<td>Table</td>
</tr>
<tr>
<td>Table</td>
<td>Table</td>
<td>Table</td>
<td>Table</td>
<td>Table</td>
</tr>
</table>

表格插入后即可填写自己的数据

演示效果如下图:

 

二. 产品价格和多选属性设置

产品一般分为普通产品(Simple Product )和 可变产品(Variable Product) ,可变产品指的是拥有多项属性的意思。设置多项属性需要用到免费插件插件”Variation Swatches for WooCommerce”,作者ThemeAlien .

1 .设置属性的全局变量

插件激活后,点击后台左侧栏Products-Attributes 新增一个 颜色(Color )属性,Type 里选Color

在属性的右边点击”Configure terms”来配置颜色种类

我新增了两种颜色,一种灰色,一种粉红色

 

然后再新增一个尺寸Size属性,Type 选Label 。

点击右边”Configure terms”配置Size种类,新增一个S码,Label里填S .

以此类推,再增加M码和L码 。

 2 .产品配置

回到产品编辑页面,Product Data 选项选”Variable Product” .

在Attributes选择添加已有属性Size和Color,勾选”Used for variations” ,点击”Save attributes”保存一下。

然后在变量Variations里配置每种属性的详细参数,选中”Add Variations”,点击”Go”新增一个变量。

依次新增了六种变量属性,

然后在批量设置正常销售价格,选中一个变量属性,再选”Set regular price”即可批量设置全部六个变量属性的正常价格。

然后再选择”Set sale price”,批量设置折扣价格.选择”Weight”批量设置重量。(有时候个别没设置成功,检查下)

依次还可以批量设置库存。SKU和产品图片在每个变量属性里具体设置。

最后的演示效果,可以显示库存数量:

WordPress

Woocommerce教程之2:店铺信息和产品全局设置

2020-6-21 22:19:30

WordPress

Woocommerce教程之4:信用卡,Paypal和银行转账收款方式

2020-6-23 20:00:59

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索