Woocommerce插件 – Woocommerce产品布局

许多wordpress站长在搭建wordpress商城时，想要多样化展示自己的产品样式，但是woocommerce自带默认的设置的样式固定，只能使用大量的css代码修改，十分繁琐，这里推荐大家一个Woocommerce插件 – WOOCOMMERCE PRODUCTS LAYOUTS，能够实现产品样式的多重化展现。

WOOCOMMERCE PRODUCTS LAYOUTS 下载链接

1.产品标题设置

• Heading – 标题文字
• Heading Color- 标题文字颜色
• Heading Font Size- 标题文字大小

效果如下图

2.产品显示筛选

产品显示筛选可以从以下9种功能种进行选择显示你要的产品

• 包含产品
• 排除产品
• 包含分类
• 排除分类
• 包含品牌
• 排除品牌
• 包含标签
• 排除标签
• 产品属性

3.产品排序&排列

• Products Per Page – 产品分页 最多几个产品进行分页
• Products Per Row – 每行显示的产品个数
• Show – 可以选择只显示正在销售的产品或特色产品
• Products Ordering – 排序方式 可以按时间，ID等
• Ascending or Descending – 升序或降序

4.产品排列形式

• Hide free products – 隐藏免费产品
• Show hidden products – 显示隐藏产品
• Display type – 展现形式 可选网格 列表布局等
• Use default style of Theme – 使用默认主题的风格形式

5.产品页修饰

• Hide result count – 隐藏总数
• Hide Ordering List – 隐藏排序列表
• Show Pagination – 显示分页
• Item Border Style – 产品边框风格
• Item Border Color – 产品边框颜色
• Item Border Width – 边框宽度

6.缩略图边框设置

• Row Separator Color – 分隔线颜色
• Row Separator Height – 分隔线高度
• Row Separator Border Style – 分隔线边框风格
• Hide Thumbnail – 隐藏特色图片
• Hover Thumbnail Effects – 鼠标经过缩略图特效（未实现）
• Thumbnail Background Color – 特色图片背景颜色（添加padding才有效）
• Thumbnail Border Style – 缩略图边框风格

7.特色图片设置

8.缩略图及标题设置

• Thumbnail Width – 缩略图宽度
• Thumbnail Height – 缩略图高度
• Hide Title – 隐藏产品名称
• Title Align – 产品名称对齐
• Title Color – 产品名称颜色
• Title Hover Color – 产品名称鼠标经过颜色
• Title Font Size – 产品名称字体

9.产品标题及摘要

• Title Padding – 产品标题内边距
• Title Margin – 产品标题外边距
• Show Excerpt – 显示摘要
• Excerpt Words -摘要字数
• Excerpt Align – 摘要对齐
• Excerpt Color – 摘要颜色