2

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

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

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

4

1 回答 1

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;
}
于 2018-07-12T15:33:11.883 回答