Credit Card fields not displaying

  • Resolved Vitzkrieg

    (@vitzkrieg)


    9 months, 2 weeks ago

    My checkout page was working fine about 2 months ago and then I was notified recently that the credit card form fields are not showing. I don’t know what specifically has changed as I have been developing the theme for this site over the past few months and not specifically validating the checkout form fields. The issue goes away if I switch to the Storefront theme, so I know it’s a theme issue. But how do I fix/update the theme to get this working again?

    I am not seeing any related PHP warnings or fatal errors.

    Here is a JS error I am seeing.

    Uncaught ReferenceError: wcSettings is not defined

        N https://inharmonykids.com/wp-content/plugins/woocommerce-payments/dist/woopay.js?ver=1751467373:2

        renderWithHooks https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:15496

        mountIndeterminateComponent https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:20113

        beginWork https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:21636

        callCallback https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:4151

        invokeGuardedCallbackDev https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:4200

        invokeGuardedCallback https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:4264

        beginWork$1 https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:27500

        performUnitOfWork https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:26606

        workLoopSync https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:26515

        renderRootSync https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:26483

        performSyncWorkOnRoot https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:26134

        flushSyncCallbacks https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:12052

        flushSync https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:26250

        legacyCreateRootFromDOMContainer https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:29624

        legacyRenderSubtreeIntoContainer https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:29650

        render https://inharmonykids.com/wp-includes/js/dist/vendor/react-dom.js?ver=18.3.1.1:29741

        T https://inharmonykids.com/wp-content/plugins/woocommerce-payments/dist/woopay.js?ver=1751467373:2

        <anonymous> https://inharmonykids.com/wp-content/plugins/woocommerce-payments/dist/woopay.js?ver=1751467373:2

        jQuery 9

        update_checkout_action https://inharmonykids.com/wp-content/plugins/woocommerce/assets/js/frontend/checkout.js?ver=9.9.5:345

        setTimeout handler*update_checkout https://inharmonykids.com/wp-content/plugins/woocommerce/assets/js/frontend/checkout.js?ver=9.9.5:260

        jQuery 7

        init_checkout https://inharmonykids.com/wp-content/plugins/woocommerce/assets/js/frontend/checkout.js?ver=9.9.5:138

        jQuery 7

        init https://inharmonykids.com/wp-content/plugins/woocommerce/assets/js/frontend/checkout.js?ver=9.9.5:58

        <anonymous> https://inharmonykids.com/wp-content/plugins/woocommerce/assets/js/frontend/checkout.js?ver=9.9.5:878

        jQuery 13
    woopay.js:2:296509

    System Status Report

    ### WordPress Environment ###

WordPress address (URL): [Redacted]
Site address (URL): [Redacted]
WC Version: 9.9.5
Legacy REST API Package Version: The Legacy REST API plugin is not installed on this site.
Action Scheduler Version: ✔ 3.9.2
Log Directory Writable: ✔
WP Version: 6.8.1
WP Multisite: ✔
WP Memory Limit: 768 MB
WP Debug Mode: ✔
WP Cron: –
Language: en_US
External object cache: –

### Server Environment ###

Server Info: Apache
Server Architecture: Linux 4.18.0-513.9.1.lve.el8.x86_64 x86_64
PHP Version: 8.2.28
PHP Post Max Size: 256 MB
PHP Time Limit: 300
PHP Max Input Vars: 1000
cURL Version: 8.13.0
OpenSSL/1.1.1w

SUHOSIN Installed: –
MySQL Version: 8.0.39-cll-lve
Max Upload Size: 256 MB
Default Timezone is UTC: ✔
fsockopen/cURL: ✔
SoapClient: ✔
DOMDocument: ✔
GZip: ✔
Multibyte String: ✔
Remote Post: ✔
Remote Get: ✔

### Database ###

[REDACTED]

### Post Type Counts ###

acf-field: 63
acf-field-group: 11
attachment: 626
book-studies: 3
books: 15
bulletins: 7
carousels: 2
children: 1
custom_css: 1
elementor_library: 2
epta: 1
local-resources: 16
mailpoet_page: 2
mep_events: 21
mep_events_attendees: 8
nav_menu_item: 27
page: 48
pms-discount-codes: 1
pms-subscription: 2
post: 99
product: 41
product_variation: 96
revision: 1171
seasonal-foundations: 3
seeds: 9
shop_coupon: 4
shop_order: 11
shop_order_placehold: 21
slick_slider: 4
superblockslider: 1
thrive_image: 2
tqb_optin: 2
tqb_quiz: 4
tqb_results: 2
tqb_splash: 2
tribe_events: 1
tribe_organizer: 1
tribe_rsvp_attendees: 28
tribe_rsvp_tickets: 1
tribe_venue: 1
tve_notifications: 1
wp_block: 33
wp_font_face: 36
wp_font_family: 12
wp_navigation: 1
wpcf7_contact_form: 2
wpmm_theme: 3

### Security ###

Secure connection (HTTPS): ✔
Hide errors from visitors: ✔

### Active Plugins (28) ###

Add-on Contact Form 7 - Mailpoet 3: by Tikweb – 1.3.22
Advanced Custom Fields: by WP Engine – 6.4.2
Cloudflare: by Cloudflare
Inc. – 4.12.8

Honeypot for Contact Form 7: by WPExperts – 2.1.7
Contact Form 7 Captcha: by 247wd – 0.1.6
Contact Form 7: by Takayuki Miyoshi – 6.1
Contact Form CFDB7: by Arshid – 1.3.2
Custom Taxonomy Order: by Marcel Pol – 4.0.2
Debug Log Manager Tool: by Lukman Nakib – 2.0.1
Yoast Duplicate Post: by Enrico Battocchi & Team Yoast – 4.5
Folders: by Premio – 3.1.2
Imagify: by Imagify Image Optimizer – Optimize Images & Convert WebP & Avif – 2.2.6
Kadence Blocks – Gutenberg Blocks for Page Builder Features: by Kadence WP – 3.5.12
Login as User: by Web357 – 1.6.1
MailPoet: by MailPoet – 5.12.9
Malina Elements: by Artstudioworks – 2.4.5
Multisite: Passwort Reset on Local Blog: by Eric Teubert – 1.0.0
Paid Member Subscriptions: by Cozmoslabs – 2.15.6
Post Types Order: by Nsp Code – 2.3.7
Printful Integration for WooCommerce: by Printful – 2.2.11
Redirection: by John Godley – 5.5.2
GutSlider - All in One Block Slider for Gutenberg: by Gutenbergkits – 2.9.13
Stop WP Emails Going to Spam: by Alan Fuller – 2.2
Super Block Slider: by mikemmx – 2.8.3
Category Order and Taxonomy Terms Order: by Nsp-Code – 1.9
WooPayments: by WooCommerce – 9.6.0
WooCommerce Tax: by WooCommerce – 3.0.4
WooCommerce: by Automattic – 9.9.5

### Inactive Plugins (15) ###

Advanced Database Cleaner: by Younes JFR. – 3.1.6
Better Search Replace: by WP Engine – 1.4.10
Event Manager and Tickets Selling Plugin for WooCommerce - WpEvently - WordPress Plugin: by MagePeople Team – 4.4.5
Events Shortcodes For The Events Calendar: by Cool Plugins – 2.4.8
Maintenance: by WebFactory Ltd – 4.17
Meta Box: by MetaBox.io – 5.10.10
Query Monitor: by John Blackbourn – 3.18.0
Subscriptions For WooCommerce: by WP Swings – 1.8.4
The Events Calendar: by The Events Calendar – 6.14.0
The Events Calendar Search Addon: by Cool Plugins – 1.2.12
WooCommerce.com Update Manager: by Automattic – 1.0.3
WooCommerce Legacy REST API: by WooCommerce – 1.0.5
Wordfence Security: by Wordfence – 8.0.5
WP Debugging: by Andy Fragen – 2.12.2
WP Image CAPTCHA: by WP Image CAPTCHA – 3.3.26

### Dropin Plugins () ###

db.php: Query Monitor Database Class (Drop-in)

### Settings ###

Legacy API Enabled: –
Force SSL: –
Currency: USD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: simple (simple)
grouped (grouped)
variable (variable)
external (external)

Taxonomies: Product Visibility: exclude-from-search (exclude-from-search)
exclude-from-catalog (exclude-from-catalog)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: ✔
Enforce Approved Product Download Directories: ✔
HPOS feature enabled: ✔
Order datastore: Automattic\WooCommerce\Internal\DataStores\Orders\OrdersTableDataStore
HPOS data sync enabled: –
Enabled Features: analytics
marketplace
order_attribution
site_visibility_badge
remote_logging
email_improvements
blueprint
custom_order_tables


### Logging ###

Enabled: ✔
Handler: Automattic\WooCommerce\Internal\Admin\Logging\LogHandlerFileV2
Retention period: 30 days
Level threshold: Warning
Log directory size: 101 KB

### WC Pages ###

Shop base: #4 - /products/
Cart: #5 - /cart/ -  Contains the woocommerce_cart shortcode
Checkout: #6 - /checkout/ -  Contains the woocommerce_checkout shortcode
My account: #7 - /my-account/ -  Contains the [woocommerce_my_account] shortcode
Terms and conditions: ❌ Page not set

### Theme ###

Name: Malina ihk-theme
Version: 1.0
Author URL: http://inharmonyarts.com
Child Theme: ✔
Parent Theme Name: Malina
Parent Theme Version: 1.6.5
Parent Theme Author URL: https://themeforest.net/user/artstudioworks
Theme type: Classic theme
WooCommerce Support: ✔

### Templates ###

Archive Template: Your theme has a woocommerce.php file
you will not be able to override the woocommerce/archive-product.php custom template since woocommerce.php has priority over archive-product.php. This is intended to prevent display issues.

Overrides: malina-ihk/woocommerce/cart/cart.php
malina-ihk/woocommerce/content-single-product.php
malina-ihk/woocommerce/global/quantity-input.php
malina-ihk/woocommerce/myaccount/dashboard.php
malina-ihk/woocommerce/single-product/product-image.php
malina-ihk/woocommerce/single-product.php


### WooPayments ###

Version: 9.6.0
Connected to WPCOM: Yes
WPCOM Blog ID: 225771212
Account ID: acct_1OBnq8Fmc47KRBmI
Payment Gateway: Enabled
Test Mode: Disabled
Enabled APMs: card
WooPay: Enabled (checkout,cart)
WooPay Incompatible Extensions: No
Apple Pay / Google Pay: Disabled
Fraud Protection Level: advanced
Enabled Fraud Filters: AVS Verification,International IP Address,IP Address Mismatch
Multi-currency: Disabled
Auth and Capture: Enabled
Documents: Disabled
Logging: Enabled

### MailPoet ###

Sending Method: PHPMail
Send all site's emails with: Default WordPress sending method
Task Scheduler method: Action Scheduler
Cron ping URL: https://inharmonykids.com?mailpoet_router&endpoint=cron_daemon&action=ping

### Admin ###

Enabled Features: 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
onboarding
onboarding-tasks
pattern-toolkit-full-composability
product-custom-fields
remote-inbox-notifications
remote-free-extensions
payment-gateway-suggestions
printful
shipping-label-banner
subscriptions
store-alerts
transient-notices
woo-mobile-welcome
wc-pay-promotion
wc-pay-welcome-page
launch-your-store
add-to-cart-with-options-stepper-layout
disable-core-profiler-fallback

Disabled Features: product-data-views
experimental-blocks
coming-soon-newsletter-template
minified-js
point-of-sale
product-pre-publish-modal
settings
async-product-editor-category-field
product-editor-template-system
use-wp-horizon
blockified-add-to-cart

Daily Cron: ✔ Next scheduled: 2025-07-03 21:31:54 -04:00
Options: ✔
Notes: 129
Onboarding: completed

### Action Scheduler ###

Canceled: 1
Oldest: 2025-07-01 19:18:03 -0400
Newest: 2025-07-01 19:18:03 -0400

Complete: 3,762
Oldest: 2025-06-06 20:09:09 -0400
Newest: 2025-07-07 17:23:29 -0400

Failed: 14,842
Oldest: 2023-08-30 18:27:13 -0400
Newest: 2025-07-07 04:41:47 -0400

Pending: 3
Oldest: 2025-07-07 17:25:29 -0400
Newest: 2025-07-07 20:12:04 -0400


### Status report information ###

Generated at: 2025-07-07 17:24:00 -04:00

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Sai (woo-hc)

    (@saivutukuru)

    9 months, 2 weeks ago

    Hi @vitzkrieg,

    Thanks for the detailed info and system report.

    The issue appears to be with the theme not outputting required WooCommerce scripts on the Checkout page, particularly the ones needed by WooPayments to render the credit card fields.

    Based on your checkout page source, it looks like the wp_footer() function is missing from your theme’s footer.php file. This function is essential because WooCommerce (and many other plugins) rely on it to load their JavaScript on the frontend, including the wcSettings object and woopay.js.

    To fix this:

    a) Please check your active themes footer.php file (under Appearance > Theme File Editor > Theme Files > footer.php).

    b) Make sure the following line is included just before the closing </body> tag:

    <?php wp_footer(); ?>

    c) Save the changes, then clear your site and browser cache, and recheck the Checkout page.

    If your child theme (malina-ihk) overrides the footer.php, ensure you’re editing that file, not just the parent theme’s version.

    Let us know how it goes! Happy to take another look after that.

    Thread Starter Vitzkrieg

    (@vitzkrieg)

    9 months, 2 weeks ago

    It looks like wp_footer() is in the parent and child theme footer.php file.

    • This reply was modified 9 months, 2 weeks ago by Vitzkrieg.
    • This reply was modified 9 months, 2 weeks ago by Vitzkrieg.
    Sai (woo-hc)

    (@saivutukuru)

    9 months, 2 weeks ago

    Hi @vitzkrieg,

    Thanks for confirming that the wp_footer() function is present in both the parent and child theme files.

    To further troubleshoot this, I recommend the following steps:

    a) Try temporarily switching to the parent Malina theme instead of the child theme. This will help confirm whether a customization in the child theme causes the problem.

    b) Please also check for any relevant WooPayments logs under WooCommerce > Status > Logs. You can select the most recent woocommerce-payments log from the dropdown and share any entries that might help us identify backend issues.

    c) Let us know if you see any other errors in the browser console apart from the wcSettings one that might also provide clues.

    d) Finally, if there are any optimization settings active (from Cloudflare, caching plugins, or theme performance settings), you could try disabling them temporarily. Sometimes these tools change the script loading order and prevent key scripts from running.

    Let me know how it goes after trying these steps. I’m happy to keep digging further with you.

    Thread Starter Vitzkrieg

    (@vitzkrieg)

    9 months, 1 week ago

    Thanks for the help and suggestions! I couldn’t get the parent theme to work either after some effort so I have decided to switch to a theme I know works out of the box. Marking this as closed although not fixed.

    Plugin Support LovingBro (woo-hc)

    (@lovingbro)

    9 months, 1 week ago

    Hi @vitzkrieg,

    Thank you for the update, and I completely understand your decision to switch to a theme that works reliably out of the box, especially when you’re working toward a stable checkout experience. I appreciate you taking the time to troubleshoot this thoroughly.

    If WooCommerce has been useful for your store and you’ve found the support helpful, we’d truly appreciate it if you could leave us a quick 5-star review here: https://ww.wp.xz.cn/support/plugin/woocommerce/reviews/#new-post

    Wishing you smooth development ahead with your new theme!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Credit Card fields not displaying’ is closed to new replies.