首页 / 教程文章 / 建站知识:自定义Woocommerce结算页面表单

建站知识:自定义Woocommerce结算页面表单

预览效果:

把以下代码添加到当前使用的wordpress建站主题functions.php文件中:

/**
 * 调整结算默认字段
 * 包括删除默认字段,修改字段,以及添加字段
 */
add_filter( 'woocommerce_default_address_fields', 'wordpresskt_mod_default_checout_fields' );
function wordpresskt_mod_default_checout_fields($fields) {
    
    // 删除默认字段
    unset(
            $fields['last_name'],      // 删除默认字段中的last_name成员
            $fields['company'], 
            $fields['country'], 
            $fields['address_1'], 
            $fields['address_2'], 
            $fields['city'], 
            $fields['state'],
            $fields['postcode']
        );

    
    // 修改字段
    $fields['first_name'] = array(
        'label'        => '姓名',                   // 字段标记,会在字段前面展示
        'required'     => true,
        'class'        => array( 'form-row-wide' ), // 宽字段,会占满整行
        'autocomplete' => 'given-name',
        'autofocus'    => true,
        'priority'     => 10,
    );

    // 添加字段
    $fields['ad'] = array(
        'label'        => '地址',
        'required'     => true,     // 一个必填字段
        'class'        => array( 'form-row-wide' ),
        'autocomplete' => 'given-qq',
        'autofocus'    => true,
        'priority'     => 11,
    );

    // 添加字段
    $fields['qq'] = array(
        'label'        => 'QQ',
        'required'     => true,     // 一个必填字段
        'class'        => array( 'form-row-wide' ),
        'autocomplete' => 'given-qq',
        'autofocus'    => true,
        'priority'     => 5,
    );
    return $fields;  // 修改字段后一定要返回
}
本文来自网络,不代表本站点立场,转载请注明出处:https://www.l2v.cn/910.html
上一篇
下一篇

为您推荐

返回顶部