将重力窗体中的字段连接到WooCommerce中的字段

时间:2018-07-12 15:27:28

标签: php wordpress woocommerce gravity-forms-plugin gravityforms

我想构建一个Gravity表单,用户可以在其中通过Ajax搜索来搜索所有产品。该搜索框必须连接到WooCommerce中的“产品标题”字段。

因此,当用户在重力形式搜索框中键入第一个字母(例如:PIN)时,Ajax下拉列表将显示数据库中可用的2个书名:例如“ PINNOCHIO”和“ PINNOCHIO RETURNS”。然后,用户选择他感兴趣的标题,然后提交表单。

我不知道如何将Gravity中的字段连接到WooCommerce中的字段。能做到吗?

1 个答案:

答案 0 :(得分:3)

您需要添加一些代码以动态填充下拉列表。这是它的官方文档:https://docs.gravityforms.com/dynamically-populating-drop-down-fields

如果我以他们的出发点并重新配置它以与产品一起使用,它将看起来像这样:

add_filter( 'gform_pre_render_51', 'populate_posts' );
add_filter( 'gform_pre_validation_51', 'populate_posts' );
add_filter( 'gform_pre_submission_filter_51', 'populate_posts' );
add_filter( 'gform_admin_pre_render_51', 'populate_posts' );
function populate_posts( $form ) {

    foreach ( $form['fields'] as &$field ) {

        if ( $field->type != 'select' || strpos( $field->cssClass, 'populate-products' ) === false ) {
            continue;
        }

        $posts = get_posts( array(
            'post_type' => 'product',
            'numberposts' => -1,
        ) );

        $choices = array();

        foreach ( $posts as $post ) {
            $choices[] = array( 'text' => $post->post_title, 'value' => $post->post_title );
        }

        // update 'Select a Product' to whatever you'd like the instructive option to be
        $field->placeholder = 'Select a Product';
        $field->choices = $choices;

    }

    return $form;
}