WooCommerce结账页面自定义字段无法显示问题求助

我尝试在WooCommerce结账页面添加自定义字段，遵循官方文档示例及公开代码操作均无效。已在本地全新WordPress环境测试，依然没有响应。因需要根据购物车商品数量生成自定义字段，优先选择代码方案而非插件。

使用的添加自定义字段代码如下：

add_action( 'woocommerce_after_order_notes', 'my_custom_checkout_field' );

function my_custom_checkout_field( $checkout ) {

	echo '<div id="my_custom_checkout_field"><h2>' . esc_html__( 'My Field' ) . '</h2>';

	woocommerce_form_field(
	    'my_field_name',
	    array(
	        'type'        => 'text',
	        'class'       => array( 'my-field-class form-row-wide' ),
	        'label'       => __( 'Fill in this field' ),
	        'placeholder' => __( 'Enter something' ),
	    ),
	    $checkout->get_value( 'my_field_name' )
	);

	echo '</div>';
}

系统状态报告 #

WordPress环境 #

• WordPress地址(URL)：[已隐藏]
• 站点地址(URL)：[已隐藏]
• WC版本：9.1.4
• Legacy REST API包版本：未安装Legacy REST API插件
• Action Scheduler版本：✔ 3.8.1
• 日志目录可写：✔
• WP版本：6.6.2
• WP多站点：–
• WP内存限制：256 MB
• WP调试模式：–
• WP Cron：✔
• 语言：en_GB
• 外部对象缓存：–

服务器环境 #

• 服务器信息：Apache
• PHP版本：8.1.29
• PHP Post最大尺寸：8 MB
• PHP执行时间限制：30
• PHP最大输入变量数：1000
• cURL版本：8.10.0
• OpenSSL/1.1.1w
• SUHOSIN已安装：–
• MySQL版本：5.7.41
• 最大上传尺寸：8 MB
• 默认时区为UTC：✔
• fsockopen/cURL：✔
• SoapClient：✔
• DOMDocument：✔
• GZip：✔
• 多字节字符串：✔
• Remote Post：✔
• Remote Get：✔

数据库 #

[已隐藏]

文章类型统计 #

• attachment：76
• custom_css：1
• customize_changeset：3
• elementor_library：2
• nav_menu_item：20
• page：35
• popup：2
• popup_theme：8
• post：2
• product：2
• revision：103
• shop_order_placehold：1
• template：1
• wp_font_face：33
• wp_font_family：12
• wp_global_styles：1
• wpforms：8
• wpforms-views：1

安全 #

• 安全连接(HTTPS)：✔
• 向访客隐藏错误：✔

激活插件(30个) #

• Advanced Custom Fields：WP Engine开发 – 6.3.6
• BeCustom：Muffin Group开发 – 1.0.4
• Custom status for Booknetic：FS Code开发 – 1.1.4
• Custom forms for Booknetic：FS Code开发 – 2.2.4
• Reports for Booknetic：FS Code开发 – 1.1.4
• User Role Manager add-on for Booknetic：FS Code开发 – 1.1.9
• Email action for Booknetic workflows：FS Code开发 – 1.2.6
• Twilio SMS action for Booknetic workflows：FS Code开发 – 1.1.4
• Webhook action for Booknetic workflows：FS Code开发 – 1.1.5
• Booknetic：FS-Code开发 – 4.0.9
• Code Snippets：Code Snippets Pro开发 – 3.6.5.1
• Database for WPforms：wpdebuglog开发 – 1.0.6
• Elementor：Elementor.com开发 – 3.24.4
• Essential Addons for Elementor：WPDeveloper开发 – 6.0.5
• Imagify：Imagify开发 – 图片优化及格式转换 – 2.2.2
• LoginWP (原Peter's Login Redirect)：LoginWP Team开发 – 3.0.8.6
• Redirection：John Godley开发 – 5.5.0
• Slider Revolution：ThemePunch开发 – 6.5.11
• W3 Total Cache：BoldGrid开发 – 2.7.5
• WP Menu Cart：WP Overnight开发 – 2.14.6
• WooPayments：WooCommerce开发 – 8.0.2（可更新至8.2.2版本）
• WooCommerce：Automattic开发 – 9.1.4（可更新至9.3.3版本）
• WP Data Access：Passionate Programmers B.V.开发 – 5.5.12
• WP File Manager：mndpsingh287开发 – 8.0
• WP Mail SMTP：WP Mail SMTP开发 – 4.1.0
• WP-Optimize - 清理、压缩、缓存：David Anderson、Ruhani Rabin、Team Updraft开发 – 3.5.0
• WPForms Calculations：WPForms开发 – 1.2.0
• WPForms Form Pages：WPForms开发 – 1.10.0
• WPForms Signatures：WPForms开发 – 1.11.0
• WPForms：WPForms开发 – 1.9.0.4

未激活插件(16个) #

• Akismet Anti-spam: 反垃圾保护：Automattic - Anti-spam Team开发 – 5.3.3
• Amelia：TMS开发 – 6.5
• BeTheme Header Builder：Muffin group开发 – 1.0.7.3
• Big File Uploads：Infinite Uploads开发 – 2.1.2
• Font Awesome：Font Awesome开发 – 4.5.0
• Force Regenerate Thumbnails：Exactly WWW开发 – 2.1.4
• Formidable Forms：Strategy11 Form Builder Team开发 – 6.14
• Go Live Update Urls：OnPoint Plugins开发 – 6.8.0
• Hello Dolly：Matt Mullenweg开发 – 1.7.2
• Jetpack：Automattic开发 – 13.7
• LayerSlider：Kreatura Media开发 – 7.0.5
• Popup Maker：Popup Maker开发 – 1.19.0
• Site Kit by Google：Google开发 – 1.132.0
• Widget Importer & Exporter：ChurchThemes.com开发 – 1.6.1
• WPBakery Page Builder：Michael M - WPBakery.com开发 – 6.7.0
• WP SMS：VeronaLabs开发 – 6.9.4.1

下拉插件 #

• advanced-cache.php: advanced-cache.php
• maintenance.php: maintenance.php

必须使用插件(1个) #

• Elementor Safe Mode：Elementor.com开发 – 1.0.0

设置 #

• API已启用：–
• 强制SSL：–
• 货币：GBP (£)
• 货币位置：左侧
• 千位分隔符：,
• 小数分隔符：.
• 小数位数：2
• 产品类型分类：external（外部产品）、grouped（分组产品）、simple（简单产品）、variable（可变产品）
• 产品可见性分类：exclude-from-catalog（排除于目录）、exclude-from-search（排除于搜索）、featured（特色产品）、outofstock（缺货）、rated-1（1星评价）、rated-2（2星评价）、rated-3（3星评价）、rated-4（4星评价）、rated-5（5星评价）
• 已连接至WooCommerce.com：–
• 强制使用已批准的产品下载目录：✔
• HPOS功能已启用：✔
• 订单数据存储：Automattic\WooCommerce\Internal\DataStores\Orders\OrdersTableDataStore
• HPOS数据同步已启用：–

日志 #

• 已启用：✔
• 处理器：Automattic\WooCommerce\Internal\Admin\Logging\LogHandlerFileV2
• 保留期限：30天
• 级别阈值：–
• 日志目录大小：15 KB

WC页面 #

• 商店基础页：#940 - /shop/
• 购物车：#941 - /basket/ - 包含woocommerce/cart区块
• 结账：#942 - /checkout/ - 包含woocommerce/checkout区块
• 我的账户：#943 - /my-account/
• 条款和条件：❌ 未设置页面

主题 #

• 名称：Betheme Child
• 版本：2.0
• 作者URL：https://muffingroup.com
• 子主题：✔
• 父主题名称：Betheme
• 父主题版本：27.5.7.1
• 父主题作者URL：https://muffingroup.com/
• WooCommerce支持：✔

模板 #

• 存档模板：您的主题包含woocommerce.php文件，无法覆盖woocommerce/archive-product.php自定义模板，因为woocommerce.php优先级高于archive-product.php，此设置用于避免显示问题。
• 覆盖文件：betheme/woocommerce/archive-product.php、betheme/woocommerce/cart/cart-totals.php、betheme/woocommerce/cart/cart.php、betheme/woocommerce/cart/cross-sells.php、betheme/woocommerce/cart/mini-cart.php、betheme/woocommerce/cart/proceed-to-checkout-button.php、betheme/woocommerce/checkout/form-checkout.php、betheme/woocommerce/content-product.php、betheme/woocommerce/content-single-product.php、betheme/woocommerce/global/form-login.php、betheme/woocommerce/loop/loop-end.php、betheme/woocommerce/loop/loop-start.php、betheme/woocommerce/loop/no-products-found.php、betheme/woocommerce/loop/pagination.php、betheme/woocommerce/myaccount/downloads.php、betheme/woocommerce/notices/error.php、betheme/woocommerce/notices/success.php、betheme/woocommerce/single-product/add-to-cart/external.php、betheme/woocommerce/single-product/meta.php、betheme/woocommerce/single-product/product-image.php、betheme/woocommerce/single-product/related.php、betheme/woocommerce/single-product/sale-flash.php、betheme/woocommerce/single-product/tabs/description.php、betheme/woocommerce/single-product/tabs/tabs.php、betheme/woocommerce/single-product/title.php、betheme/woocommerce/single-product/up-sells.php、betheme/woocommerce/single-product-reviews.php

WooPayments #

• 版本：8.0.2
• 已连接至WPCOM：是
• WPCOM博客ID：233891200
• 账户ID：❌ 未连接
• 日志：已禁用

后台 #

• 已启用功能：activity-panels、analytics、product-block-editor、coupons、core-profiler、customize-store、customer-effort-score-tracks、import-products-task、experimental-fashion-sample-products、shipping-smart-defaults、shipping-setting-tour、homescreen、marketing、mobile-app-banner、navigation、onboarding、onboarding-tasks、product-custom-fields、remote-inbox-notifications、remote-free-extensions、payment-gateway-suggestions、shipping-label-banner、subscriptions、store-alerts、transient-notices、woo-mobile-welcome、wc-pay-promotion、wc-pay-welcome-page、launch-your-store
• 已禁用功能：experimental-blocks、minified-js、pattern-toolkit-full-composability、product-pre-publish-modal、printful、settings、async-product-editor-category-field、product-editor-template-system
• 每日Cron：✔ 下次计划执行时间：2024-09-30 14:27:31 +01:00
• 选项：✔
• 备注：74条
• 引导设置：已完成

Action Scheduler #

• 已完成：537条
• 最早执行时间：2024-08-29 21:24:14 +0100
• 最晚执行时间：2024-09-29 16:10:04 +0100
• 失败：2437条
• 最早执行时间：2023-10-10 00:22:58 +0100
• 最晚执行时间：2024-09-29 16:14:43 +0100
• 待处理：17条
• 最早执行时间：2024-09-29 16:19:43 +0100
• 最晚执行时间：2024-10-06 12:46:26 +0100

状态报告信息 #

• 生成时间：2024-09-29 16:15:15 +01:00

内容的提问来源于stack exchange，提问作者Arif Muhammad