从 CTP 添加自定义 WooCommerce 下拉结帐字段

Posted

技术标签:

【中文标题】从 CTP 添加自定义 WooCommerce 下拉结帐字段【英文标题】:Adding custom WooCommerce dropdown checkout field from a CTP 【发布时间】:2022-01-20 06:44:08 【问题描述】:

我正在尝试从我的自定义帖子类型“fundraiser”中的所有帖子列表中向我的 WooCommerce 结帐页面添加一个下拉列表。

我显示了选择字段,但没有填充 CPT 帖子标题的选项。

我做错了什么?这是我的代码:

add_action( 'woocommerce_after_order_notes', 'fundraiser_checkout_field' ); 
function fundraiser_checkout_field( $checkout ) 
 
   
    $options  = array();
    $options[0] = "Please Select a Fundraiser";
    $posts = array();
    $args = array('post_type'=>'fundraiser', 'posts_per_page'=>-1,'order'=>'asc');
    $query = New WP_Query($args);
    if($query->have_posts()):while($query->have_posts()):$query->the_post();
        $id = $posts['post_title'];


    foreach($results as $result) 
        $options[$result->id] = $result->nome;
    
    endwhile;endif;wp_reset_postdata();
    
    echo '<div id="fundraiser_checkout_field"><h2>' . __('Fundraiser') . '</h2>';

    woocommerce_form_field( 'fundraiser_field', array( 
        'type' => 'select', 
        'class' => array('fundraiser form-row-wide'), 
        'label' => __('Select a Fundraiser'), 
        'required' => true,
        'options'   =>  $options, 
    ), $checkout->get_value( 'fundraiser_field' ) );

    echo '</div>';
    
;
return $checkout;

【问题讨论】:

【参考方案1】:

由于我不使用您使用的自定义帖子类型,因此我的答案基于post type product,回答您的问题将$post_type = 'product';替换为$post_type = 'fundraiser';

您的代码包含一些小错误,例如 while 循环中不需要 foreach

function fundraiser_checkout_field( $checkout ) 
    // Empty array
    $options = array();
    
    // First value
    $options[0] = __( 'Please Select a Fundraiser', 'woocommerce' );
    
    // Post type
    $post_type = 'product';
    
    // Args
    $args = array(
        'post_type'      => $post_type,
        'posts_per_page' => -1,
        'order'          => 'asc'
    );
    
    // Query args
    $query = New WP_Query($args);
    
    // WP_Query loop
    if ( $query->have_posts() ): 
        while( $query->have_posts() ):
            $query->the_post();
            
            $options[ $query->post->ID ] = $query->post->post_title;

        endwhile;
        wp_reset_postdata();
    endif;
    
    // Output
    echo '<div id="fundraiser_checkout_field"><h2>' . __( 'Fundraiser', 'woocommerce' ) . '</h2>';

    woocommerce_form_field( 'fundraiser_field', array(
        'type'     => 'select', 
        'class'    => array('fundraiser form-row-wide'), 
        'label'    => __( 'Select a Fundraiser', 'woocommerce' ), 
        'required' => true,
        'options'  =>  $options, 
    ), $checkout->get_value( 'fundraiser_field' ) );

    echo '</div>';

add_action( 'woocommerce_after_order_notes', 'fundraiser_checkout_field', 10, 1 );

【讨论】:

以上是关于从 CTP 添加自定义 WooCommerce 下拉结帐字段的主要内容,如果未能解决你的问题,请参考以下文章

根据Woocommerce结帐中的复选框自定义字段在项目名称下添加文本

将Woocommerce单一产品页面上的添加到购物车按钮替换为产品类别

通过 WooCommerce 产品设置中的自定义复选框将类添加到 WooCommerce 页面

禁用在Woocommerce中编辑特定的管理员自定义字段

WooCommerce:为特定页面添加使用 WordPress 自定义字段添加到购物车旁边的自定义按钮

如何添加 woocommerce 自定义订单状态?