如何在前端显示过滤器呢
有三种方式可以在前端显示过滤器。
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]