时间戳

首页 > 解决方案 > 在 Woocommerce 中添加自定义结帐字段时出现空白结帐页面

php - 在 Woocommerce 中添加自定义结帐字段时出现空白结帐页面

问题描述

在 WooCommerce 结帐页面中，我添加了一个自定义字段，如果我使用woocommerce_after_checkout_billing_form钩子或woocommerce_before_checkout_form钩子，一切正常。

问题是我需要该字段位于Billing Details标题上方，但是当我使用woocommerce_checkout_before_customer_details钩子时，一切都消失了（甚至是侧边栏付款面板），只有我的自定义字段标题可见。

我的代码：

// Create Custom checkout Field
add_action('woocommerce_checkout_before_customer_details', 'create_custom_field');

function create_custom_field($checkout) {

    global $woocommerce;
    $cart = $woocommerce->cart->get_cart();
    foreach($cart as $key => $value)
    {               
        $bespoke = $woocommerce->cart->get_item_data($value);
        if (strpos($bespoke, 'yes') !== false) {

            echo '<div id="customise_checkout_field"><h3>' . __('Bespoke Details') . '</h3>';
            woocommerce_form_field('bespoke_field', array(
                'type' => 'textarea',
                'class' => array('my-field-class form-row-wide'),
                'label' => __('Tell us about your idea') ,
                'placeholder' => __('Please explain what you want as detailed as possible...') ,
                'required' => true,),
            $checkout->get_value('bespoke_field'));
            echo '</div>';
        }
    }
}

有什么想法吗？非常感谢您的指导。

标签： phpwordpresswoocommercecartcheckout

解决方案

$checkout 不存在这个钩子，然后它没有被定义。所以它会产生一个空白页（错误）。但您可以WC()->checkout用作替代品。

自 Woocommerce 版本 3.3 起，该WC_cart方法get_item_data()已被弃用，并且功能将其替换。wc_get_formatted_cart_item_data()

也global $woocommerce和$woocommerce->cart现在被简单地替换WC()->cart。

试试这个：

// Add a Custom checkout Field
add_action( 'woocommerce_checkout_before_customer_details', 'add_custom_checkout_field' );
function add_custom_checkout_field() {

    // Loop through cart items
    foreach( WC()->cart->get_cart() as $cart_item ) {
        $bespoke = wc_get_formatted_cart_item_data( $cart_item );

        if ( strpos($bespoke, 'yes') !== false ) {

            echo '<div id="customise_checkout_field">';

            echo '<h3>' . __('Bespoke Details') . '</h3>';

            woocommerce_form_field('bespoke_field', array(
                'type'        => 'textarea',
                'class'       => array('my-field-class form-row-wide'),
                'label'       => __( "Tell us about your idea", "woocommerce" ),
                'placeholder' => __( "Please explain what you want as detailed as possible...", "woocommerce" ),
                'required'    => true,
            ), WC()->checkout->get_value('bespoke_field') );

            echo '</div>';
        }
    }
}

代码位于活动子主题（或活动主题）的 function.php 文件中。测试和工作。

推荐阅读