使用AJAX进行WooCommerce产品过滤

时间:2013-11-20 20:02:34

标签: ajax filtering woocommerce

我想了解Woocommerce的功能在哪里处理产品存档页面上的AJAX请求。例如,当您使用“商店”页面上的“选择下拉列表”时,或者添加“层叠导航”或“产品类别”窗口小部件等Woocommerce侧边栏窗口小部件时。 PHP和/或Jquery哪个WC文件正在处理AJAX请求,然后将Sorted / Filtered数据返回到页面。

最终我想要做的是挂钩默认的woocommerce AJAX功能,这样我就可以将它扩展为分别淡入每个产品列表项<li>,或任意数量的CSS3效果,如转换3D。除了添加一个切换按钮,可以在产品类别页面的网格和列表视图之间切换。

但我无法找到Woocommerce文件中的位置。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:5)

据我所知,基本的WooCommerce插件不能为产品档案页面提供AJAX功能。

如果您想添加产品存档页面的Ajax过滤和Ajax重新加载,您可以使用:

a)WooCommerce商业插件: http://www.woothemes.com/products/ajax-layered-navigation/

b)免费的WordPress插件名为'YITH WooCommerce Ajax Navigation': http://wordpress.org/plugins/yith-woocommerce-ajax-navigation/

c)WooCommerce AJAX产品过滤插件: http://codenegar.com/woocommerce-ajax-product-filter/

或类似的东西。

答案 1 :(得分:1)

选中此https://wordpress.org/plugins/woocommerce-ajax-filters/

特点:

  • 没有重装,只有ajax
  • 滑块,收音机或复选框
  • 在admin,1个小部件 - 多个实例
  • 中没有小部件的垃圾邮件
  • 按产品类别过滤可见性。不同类别页面=不同(+全球) 过滤器。一切都是商店
  • 使用滚动主题过滤框高度限制
  • 适用于自定义窗口小部件区域按产品属性划分的无限过滤器