[woof_front_builder]

从v.2.3.4/1.3.4版本起

此短代码通过可视化构建器直接在网站前端创建产品筛选表单。以下是演示页面，您可以像网站管理员一样管理其选项。

完整语法为：[woof_front_builder name=”我的筛选表单” popup_width=800 popup_height=600]

name – 为必填参数，且应唯一
popup_width 和 popup_height 仅为方便您使用弹出窗口

插入此短代码后，网站管理员将看到特殊按钮：

注意：在前端开发新的筛选表单时，最好禁用动态重新计数，以便表单更快重绘。表单完成后，可根据需要启用动态重新计数。

单击此按钮会打开一个可移动的弹出窗口，您可以在其中：

使用顶部的下拉菜单添加筛选部分
对已添加的筛选部分重新排序
设置筛选器的通用设置
此外，每个筛选元素都有其自己的选项[取决于其类型]：
所有筛选元素都有Layout标签，您可以在其中设置其个人宽度（单位为px和%），从而更有效地管理筛选元素的布局：
随意尝试其选项，看看哪些更适合您的业务需求……

注意：如果未在插件选项中启用AJAX支持[标签 Options -> 尝试AJAX化商店]，或者在使用短代码[woof_products]时没有添加属性‘is_ajax’：[woof_products is_ajax=1]，那么启用‘Is AJAX’选项将没有意义。

注意：如需移动端支持，请在移动模式下应显示移动按钮的位置放置短代码[woof_mobile]。并且不要忘记在短代码选项中启用‘Mobile mode’。

提示：如何在产品上方插入任意HUSKY筛选器？在当前WordPress主题的functions.php文件中添加以下代码：

add_action('woocommerce_before_shop_loop', function () {
    if (!WOOF_REQUEST::isset('woof_before_shop_loop_done')) {
        echo do_shortcode('[woof_front_builder name="top filter"]');
    }
}, 2);

属性‘name’可以使用任何名称，但需唯一

HUSKY WooCommerce商品筛选器的shortcode、hook和扩展参考