许多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 3.6 中已经自带默认的播放器,可以直接添加视频,大家可以试试;...
选择建站公司建网站前必须要注意的7个陷阱 如果你是一个创业者,或者你的事业已经开始逐渐起步了,这时候你可能会开始想“是时候需要一个网站了”所以你开始打开搜索引擎,输入‘建站公司,你会发现,大家的报价高低不齐,有的几百元,有的几千元,有的几万元,你就郁闷了,到底做一个网站多少钱,为何价格相差那么多? ...
使用Duplicate post 进行页面/项目/文章的复制 我们在创建页面/项目时,通常会碰到许多相同重复的页面。这时候,为了节省开发时间,我们可以使用Duplicate Post来复制这些重复的部分。 1.进入设置 - Duplicate Post2.选择 Permissions 在Enable for those post types中勾选你想...
如何在wordpress中添加新浪微博秀 在插件,到底是怎么操作呢?直接看视频吧!立刻在你的
【WP可视化编辑器】信息圆-Info-Circle 预览地址: https://ultimate.brainstormforce.com/info-circle/ 作用: 进行展示信息,将需要展示的信息放在圆的周围,当鼠标经过时,展示的信息在圆心显示 预览效果:后台: ...
基于wordpress的css修改技巧系列教程 – Gravity Forms 的美化修饰及类名选择 很多开发者在创建表单的时候,会选择使用Gravity Forms
WP可视化编辑器】信息框-info-box 预览地址: https://ultimate.brainstormforce.com/info-box/ 作用: 对信息的展示,图标的形状多样,鼠标经过图标时图标有个动画效果,标题和内容呈上下排列 预览效果:后台: ...
WordPress大白菜企业主题安装设置操作文档 WordPress大白菜基础企业主题是完美支持自适应各种常用智能终端设备(包括PC端、平板电脑、手机等)的WordPress通用型多行业企业建站需求。 主题安装 1、在线上传主题文件安装这是用的比较多的方法,请将cabbage_free .zip 主题包在后台 – 外观 – 主题 – 安...

发表评论

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

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

wechat logo