WooCommerce——产品过滤器WooCommerce Products Filter

如何在前端显示过滤器呢

有三种方式可以在前端显示过滤器。

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]

问题