如何修改FacetWP提供的Wordpress插件JS代码以调整筛选器选择规则
适配后的FacetWP自定义选中代码
以下是可直接修改使用的完整代码:
(function($) { $(document).ready(function() { $(".select-all").click(function () { // 1. 仅为product_categories筛选器设置1个指定选中值 FWP.facets['product_categories'] = ['你的目标分类slug']; // 2. 同时设置其他筛选器的指定选中值,可按需增删对应行 // 示例:选中price_range筛选器的0-100选项 FWP.facets['price_range'] = ['0-100']; // 示例:选中in_stock筛选器的yes选项,需要多值则在数组内添加多个元素即可,如['yes', 'pre_order'] FWP.facets['in_stock'] = ['yes']; FWP.is_reset = true; // 不解析原有筛选状态,避免冲突 FWP.refresh(); }); }); })(jQuery);
修改说明
- 修改
product_categories的选中值:将代码中'你的目标分类slug'替换为你要选中的分类对应data-value属性的实际值,可通过浏览器开发者工具右键点击对应分类复选框查看该属性值。 - 新增其他筛选器的选中规则:参照代码中注释的示例格式,新增
FWP.facets['你的筛选器别名'] = ['值1', '值2'];即可,筛选器别名可在WordPress后台FacetWP设置页查看,对应值同样通过开发者工具查看对应选项的data-value属性。 - 如果不需要选中某个筛选器,直接删除对应行代码即可。
内容的提问来源于stack exchange,提问作者Briany Hearne
相关产品推荐
相关产品推荐

