许多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.特色图片设置

  • Thumbnail Border Color – 缩略图边框颜色
  • Thumbnail Border Width – 缩略图边框宽度
  • Thumbnail Border Radius – 缩略图边框圆角
  • Thumbnail Padding – 缩略图内边距
  • Thumbnail Margin – 缩略图外边距

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 – 摘要颜色
专业网站开发网页设计公司

深度阅读:

在wordpress中添加图片画廊 Lightbox Gallery是一款简易使用的
VC元素响应式调整 Visual Composer可视化编辑器是一个强大的可视化拖拽模块,它的强大之处不仅仅能够不写一行代码就能制作出一个精致的站点,同时也能够自适配响应式。本文将带你了解如何使用VC的列设置调整响应式布局。 【问题】 如何使用VC元素的列设置修改响应式布局 我们在后台模块中编辑一个1/2+1/2的...
二级域名做好了,主域就一定好吗? 对于二级域名做好了,是否主域也就一定好的说法,小编觉得这完全不相干的二个内容。很多网站二级域名比主域要好得多,这二个是没有关联的,所以想要二级域名来推进主域就要把它们关联起来,在二级域名中接入主域。拿排名,就需要将它们合理的关联,不过可不是堆砌锚文本堆砌链接。...
WordPress必备插件集合资源推荐汇总 所有文章WP花园在帮客户进行wordpress网站建设开发过程中,经常会用到一些国外高质量的wordpress网站项目的功能,这里由百香果为大家分享一些WP花园技术团队最常使用的一些插件,希望给大家在使用wordpress中创建表格,并且把表格添加到网站页面中。 下载链接  使用教程#Com...
如何在wordpress文章页添加星级评分功能 想要给自己插件,可以为你的WordPress网站的评论功能添加一个五星评分功能,用户在评论的时候,可以选择星级,提交以后,会在他的评论内容下方显示他的评分,管理员可以在后台评论编辑界面修改用户的评分。进入插件安装,搜索Fa Comment Rating。就是这款插件。点击启用...
WordPress中翻译网站(WPML插件)的使用 在使用WordPress进行插件登场了。首先安装WPML插件 安装启动之后 在上方会出现语言切换小工具。 默认是在中文状态下,编辑好中文页面后,点击右边翻译下方的加号按钮,自动跳转至英文页面编辑界面。再点击 从简体中文复制内容,可以复制中文页面的所有内容,(边栏设置除外)将其中的文字...
【WP可视化编辑器】交互式横幅-Interactive-Banners 预览地址:https://ultimate.brainstormforce.com/interactive-banners/ 作用: 图片文字在同框内展示,鼠标进过时,对图片覆盖一个蒙版,或对图片进行一个缩放 预览效果:后台:...

发表评论

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

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

wechat logo