许多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网站 不少 WordPress主题和插件都会使用到谷歌的字体,对于国内环境来说,很影响速度。使用 Self-Hosted Google Fonts 插件来实现自主托管所有网站使用的Google字体。Self-Hosted Google Fonts 将扫描您网站上的所有CSS,并自动下载必要的Google ...
如何在wordpress文章页添加星级评分功能 想要给自己wordpress网站添加星级评分功能需要使用一款名叫 Fa Comment Rating 的插件,可以为你的WordPress网站的评论功能添加一个五星评分功能,用户在评论的时候,可以选择星级,提交以后,会在他的评论内容下方显示他的评分,管理员可以在后台评论编辑界面修改用户的评分。 ...
合肥优质的WordPress建站公司有哪些? 合肥优质的WordPress建站公司有哪些? 1、WordPress网站建设的目的必须明确。 你建设一个WordPress外贸网站到底是为了什么的?必须明确:WordPress网站建设的目的是为了用户访问,通过WordPress网站让客户了解到客户想要得到的东西,脱离了用户访问的站点就没有什么作...
邯郸选择woocommerce外贸建站需要注意哪些 随着目前互联网的发展趋势,企业网站已经和名片一样成为刚需,甚至于比名片都重要,因为这个是客户,合作伙伴,求职人员了解企业的第一站,也是第一印象建立的渠道。那么,邯郸的朋友如何选择一个邯郸的woocommerce建站公司?站在比较客观的角度,大概可以归纳为以下几点:第一步:邯郸woocomme...
青岛城市woocommerce外贸建站哪家好 青岛城市woocommerce外贸建站哪家好?这个没有统一的标准。不过可以给大家一些建议去筛选自己满意的服务商。一、看中价格高与低。 如果做网站本身没有多少预算,那么肯定要找便宜划算的。这点毋庸置疑。那么找个人或者工作室,并且靠谱一点的这是最佳选择。毕竟这些服务商相对来说成本费用低,价...
贵阳wordpress建站哪家好? 贵阳wordpress建站哪家好?第一:你信任的、并且对网络行业、对技术了解的人给你的意见 支撑网站正常运行的后台管理技术、资讯实时更新技术、流量统计分析技术、在线沟通技术等等是关键。当然,可能建站团队都说他们有这些东西,那你就得擦亮眼睛了:这些东西是他们团队自己开发的吗?能不断升级更...
临沂woocommerce外贸建站哪家好 想要在临沂寻找一家靠谱的woocommerce外贸建站公司?网络建站需要哪些步骤?下面的资料可以给您提供一些帮助。 1、关于外贸建站的网站域名 woocommerce外贸建站的域名哪里注册?怎么注册?简单说下,woocommerce外贸建站的域名注册分为个人和公司,分别需要个人和公司的信...
昆明有好的WordPress网站建设公司或团队吗? 昆明有好的WordPress网站建设公司或团队吗?首先你选择用wordpress做网站就是一个明智之举,接下来专业做网站的WordPress花园提供的内容或许对您有帮助。一、先去网上搜一下,然后一家家的对比 在互联网时代,你也可以在网络上去了解一下各个wordpress网站建设...

发表评论

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

wechat logo