Php Divi/Woocommerce上带有AJAX和图像按钮的产品类别过滤器

我想创建一个AJAX产品类别过滤器，在同一页面中立即加载，如下所示：

Ajax“即时”过滤器：

唯一的区别是，我想要一个图像作为按钮，而不是一个带有文本的小框

使用可点击图像作为类别选择器：

可能吗

---

我正在使用Divi主题生成器和WooCommerce。

有多种方法可以解决上述问题

将单击事件绑定到图像：

如果您的商店有有限的产品，那么使用JavaScript查询all和过滤器，将click事件绑定到图像，并让JavaScript从数组中过滤

将click事件绑定到图像，然后进行ajax调用，请参阅。在该ajax调用中，编写查询以获取特定于类别的产品，如：

$prods=wc\u get\u产品（数组（'category'=>array（'category-slug'））

我建议采用第二种方法