WooCommerce——产品过滤器WooCommerce Products Filter
2017-07-13 11:41
211 查看
如何在前端显示过滤器呢
有三种方式可以在前端显示过滤器。Set filter automaticallyWoo
选择Commerce->Setting->Filter->Option->Set filter automatically项为Yes。这样在前端产品列表的上面就会出现过滤器。但是不会把查询表展开,而是会出现一个放大镜形状的图片,需要点击该图片才可以展开查询表。
小工具Widget
在外观->小工具下,可以把过滤器放在所有的页面上,这样无论在浏览哪个页面时,都可以让用户随时搜索产品。找到WooCommerce Products Filter,把它拖到你希望的页面上。如果拖到Sidebar上,这样在此网站上的所有页面的侧边栏都会显示查询表。如果拖到Shop上,那么只有产品列表页面和单个产品页面的侧边栏上会出现查询表,我在这种情况下碰到一个比较奇怪的情况:在单产品页面显示的查询表被挤到右下角去了。
这个过滤器小工具有几项设置:Additional text before,放在查询表之前的内容;Redirect to,表示重定向到任意页面;From AJAX redrawing。
用短代码 [woof]
[woof sid=”auto_shortcode” autohide=0]短代码
视频演示:https://www.youtube.com/watch?v=kmrp4dAsrrw此插件有两个基本的短代码,一个是[woof],一个是[woof_products]。
[woof]
这是用来生成查询表的短代码,包含下面的一些属性:
sid:如果需要定制查询表的布局,可以使用这个属性。如果不设置的话,查询表会竖着向下展开,非常不美观。如果设置成”auto_shortcode”,查询表会和”woof_sid_auto_shortcode”有相同的css,会用一个方框框起来,有横有竖。
autohide:如果设置成0,查询表会以展开的形式呈现;如果设置成1,在重新加载页面之后查询表会隐藏,需要点击放大镜按钮显示它。
taxonomies:可以在此设置taxonomies和term,taxonomy可以是产品分类,产品属性等,比如[woof is_ajax=1 taxonomies=product_cat:9,12+locations:30,31]。需要在[woof_products]中设置同样的属性值
tax_exclude:从查询表中排除一些taxonomies,比如 [woof tax_exclude=’pa_size,pa_test’]
autosubmit:允许查询表时间自动提交,比如[woof autosubmit=1]
[woof_products]
per_page:每页显示的产品数。但是如果直接设置这个属性而不做其他处理的话,产品列表会有两份,另一份产品列表应该是WooCommerce显示的。
columns:每行多少个产品,取决于主题而不是WOOF
taxonomies:
其他比较有用的短代码:
[woof_text_filter]
[woof_sku_filter]
[woof_price_filter type=”slider”]
[woof_author_filter role=”author” placeholder=”Hello World 2016”]
[woof_search_options]
[woof_found_count]
[woof_products_messenger]
问题
相关文章推荐
- woocommerce给购物车添加产品重量
- Woocommerce Product Filter插件——为不同类别设置不同filter
- WooCommerce——怎么修改产品列表页面中每个产品下面的Read More按钮上的文字
- jsp servlet中的过滤器Filter配置总结
- 过滤器(Filter)
- MVC中使用ActionFilterAttribute全局过滤器出现:网页无法正常运作 将您重定向的次数过多。解决办法
- Spring MVC过滤器-HiddenHttpMethodFilter
- [转]ASP.NET MVC 过滤器Filter
- C#文件过滤器filter
- Servlet学习笔记(八):过滤器Filter详解
- Angular JS 学习笔记(自定义服务:factory,Promise 模式异步请求查询:$http,过滤器用法filter,指令:directive)
- Filter 字符过滤器
- ⑧javaWeb之在例子中学习(过滤器Filter)
- Filter 过滤器
- WordPress WooCommerce支付宝插件破解微信屏蔽,在微信中可用支付宝支付
- JavaWeb之Filter(过滤器)
- 十一、过滤器Filter
- javaweb过滤器filter配置