许多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插件教程 – 如何使用Regenerate Thumbnails来重置缩略图改变产品显示的实际大小 在上传产品图片时,如果我们需要统一设置产品图片的大小尺寸,我们应该去哪里寻找设置呢? (1)找到WooCommerce-设置        (2)点击产品-显示 ...
在wordpress中添加表单 Contact form 7 是很有名的wordpress表单插件,可以通过这个来让用户发邮件给你。安装好Contact form 7 后,到Contact form 7 的后台设置你的邮件地址,编辑一些字段,在文章中添加段代码,客户就可以在访问你的wordpress前台时候,给你发邮件了。...
VC元素响应式调整 Visual Composer可视化编辑器是一个强大的可视化拖拽模块,它的强大之处不仅仅能够不写一行代码就能制作出一个精致的站点,同时也能够自适配响应式。本文将带你了解如何使用VC的列设置调整响应式布局。 【问题】 如何使用VC元素的列设置修改响应式布局 我们在后台模块中编辑一个1/2+1/2的...
WordPress下如何用页面做侧边栏 WordPress网站的侧边栏分为好几种,其中可以直接用某个页面做侧边栏。首先需要安装插件。插件名Pages In Widgets.插件安装好之后,新建一个页面B,把侧边栏的内容加进去。编辑完成之后,发布页面B。在外观小工具里,选择Pages In Widgets,到...
在台州如何使用wordpress进行网站建设 wordpress建站已是当今社会的主流,在台州的朋友们想问,在台州如何选择wordpress进行网站建设,可以参考下文一些尝试者对wordpress建站的看法。 在WordPress面前,台州Wordpress建站者的问题已经解决 95%以上的网站,都可以用WordPress配合优质主题快速搭...
多域名同内容的常见问题 网站在生存发展中会遇到很多问题,会因为各种原因产生不同的域名,而这些域名的内容却都是相同的。百度一直在说拒绝重复内容,那么,多域名同内容是否会对SEO产生负影响呢?我们收集了众多站长对多域名同内容的问题并进行了解答。问:多个域名同内容是否有利于提高排名?答:此举非常不利于提高排名,因...
贵阳wordpress建站哪家好? 贵阳wordpress建站哪家好?第一:你信任的、并且对网络行业、对技术了解的人给你的意见 支撑网站正常运行的后台管理技术、资讯实时更新技术、流量统计分析技术、在线沟通技术等等是关键。当然,可能建站团队都说他们有这些东西,那你就得擦亮眼睛了:这些东西是他们团队自己开发的吗?能不断升级更...
WordPress中revolution革命幻灯片的两种插入方法以及宽高的修改 在WordPress网站建设中,我们经常会用到Slider Revolution 这个幻灯片工具,在默认设置的情况下 他都以最大宽高比显示,那么他的具体宽高该如何调整呢?选中你要修改的幻灯片  ,点击幻灯片设置 在4.幻灯片布局 中修改最大宽度 (遵守长宽比默认不要打开,否则会以原比例展现)...

发表评论

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.