如何在前端显示过滤器呢

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

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 Products Filter相关推荐

woocommerce 分类到菜单_我如何为每个WooCommerce产品类别创建不同的菜单？
请帮我有关Wordpress的提示, 我也创建了9个菜单, 也创建了9个WooCommerce类别, 但是我不知道如何在各自的WooCommerce产品类别中调用每个菜单. 我使用Themefores ...
ITK:观察过滤器Watch A Filter
ITK:观察过滤器Watch A Filter 内容提要 C++实现代码内容提要本示例演示了如何观察过滤器内部发生的情况. C++实现代码 #include "itkImage.h&qu ...
Redis如何实现刷抖音不重复-布隆过滤器（Bloom Filter）
刷抖音的时候是否曾想过,我们刷过的视频很难在重复刷到那么它到底是如何实现的呢? 如果说我们每刷一个视频并且把视频id和用户的id组合成一条数据保存到数据库中每次推荐视频的时候都去数据检测是否已经刷过了 ...
解决方案：布隆过滤器（Bloom Filter）
解决方案:布隆过滤器(Bloom Filter) 关键词组成(一个很长的二进制向量 + 一系列随机映射函数) 快速且空间效率高的判断一个元素是否属于一个集合 redis缓存穿透(判断数据库 ...
布隆过滤器（Bloom Filter）- 原理、实现和推导
目录算法背景布隆过滤器–概念布隆过滤器-原理布隆过滤器-缺点布隆过滤器-实现布隆过滤器-应用布隆过滤器-公式推导算法背景问题: 在开发中,经常要判断一个元素是否在一个集合中. 实现方 ...
【恋上数据结构】布隆过滤器（Bloom Filter）原理及实现
布隆过滤器(Bloom Filter) 引出布隆过滤器(判断元素是否存在) 布隆过滤器介绍(概率型数据结构) 布隆过滤器的原理(二进制 + 哈希函数) 布隆过滤器的误判率(公式) 布隆过滤器的实现布 ...
过滤器模式（Filter Pattern）
过滤器模式过滤器模式(Filter Pattern)或标准模式(Criteria Pattern)是一种设计模式,这种模式允许开发人员使用不同的标准来过滤一组对象,通过逻辑运算以解耦的方式把它们连接 ...
布隆过滤器（Bloom Filter）、布谷鸟过滤器（Cuckoo Filter)、商过滤器（quotient filter）(持续更新~~~~)
过滤器位图布隆过滤器(Bloom Filter) 布谷鸟过滤器(Cuckoo Filter) 商过滤器(quotient filter) 文章参考链接位图在讨论布隆过滤器之前,先看一下位图是什 ...
C++(数据结构与算法):64---布隆过滤器（Bloom Filter）
文本代码下载地址: 方式1:公众号[多栖技术控小董]回复[3589]免费获取下载链接方式2:Github:https://github.com/dongyusheng/csdn-code/tree/ ...

WooCommerce——产品过滤器WooCommerce Products Filter

如何在前端显示过滤器呢

Set filter automaticallyWoo

小工具Widget

用短代码 [woof]

短代码

问题

WooCommerce——产品过滤器WooCommerce Products Filter相关推荐

最新文章

热门文章