Support » Plugin: WooCommerce » Checkout Input Fields not working?

  • Resolved mandikauthor

    (@mandikauthor)


    I’m new here, so apologies if I stumble. I’m an indie author doing my very first author signing event March 16th. I needed to get my website up to par beforehand, so I started a dev site to rebuild while the main site was still live. I’m nearly done, and I realized on testing, the checkout isn’t working. You can add the test item to the cart, fill out the shipping option box, and hit “Continue to Checkout” just fine. Once you get to the checkout page, you can’t click any of the input boxes to add your information, so the Continue to Paypal button doesn’t work either.

    Site information- I’m using the latest updated WooCommerce and WordPress versions. I also use Elementor Pro, and utilized page templates to build/style my pages. Plugins installed are Jetpack, WooCommerce Services, WooCommerce Colors. I’m using Paypal Standard, but I also tried Paypal Pro and the Paypal Checkout Gateway. I turned off Jetpack, Woo Services and the various payment gateways to test. I’m using the Page Builder Framework with a child theme, so there’s nothing in my theme that would interact with it, or shouldn’t be. I’ve used the same theme for multiple sites and haven’t faced this perplexing issue before.

    I did make a lot of CSS changes in the Customizer. I removed those for testing as well, and they didn’t make a difference so I added them back. When you load the page, it briefly shows the country selector so you could click on it, but then once it’s fully loaded, everything goes blank and non-clickable. I’m not ‘new’ to WordPress and WooCommerce, but as I started on Weebly and mostly use Elementor to build pages, coding and things are a bit over my head, so if anyone has a clue what I could check/test next, small words would be preferable 🙂

    It appears to work on mobile, I tried it in Safari on my Iphone. Works fine there, but won’t work on my Laptop in Chrome or Opera.

    
    ### WordPress Environment ###
    
    Home URL: http://dev.liliompress.com
    Site URL: http://dev.liliompress.com
    WC Version: 3.5.5
    Log Directory Writable: ✔
    WP Version: 5.1
    WP Multisite: –
    WP Memory Limit: 512 MB
    WP Debug Mode: –
    WP Cron: ✔
    Language: en_US
    External object cache: –
    
    ### Server Environment ###
    
    Server Info: Apache/2.4.7 (Ubuntu) mod_fcgid/2.3.9 OpenSSL/1.0.1f
    PHP Version: 7.1.10-1+ubuntu14.04.1+deb.sury.org+1 - We recommend using PHP version 7.2 or above for greater performance and security. How to update your PHP version
    PHP Post Max Size: 8 MB
    PHP Time Limit: 90
    PHP Max Input Vars: 1000
    cURL Version: 7.35.0
    OpenSSL/1.0.1f
    
    SUHOSIN Installed: –
    MySQL Version: ❌ 5.5.62-0ubuntu0.14.04.1 - We recommend a minimum MySQL version of 5.6. See: WordPress requirements
    Max Upload Size: 8 MB
    Default Timezone is UTC: ✔
    fsockopen/cURL: ✔
    SoapClient: ❌ Your server does not have the SoapClient class enabled - some gateway plugins which use SOAP may not work as expected.
    DOMDocument: ✔
    GZip: ✔
    Multibyte String: ✔
    Remote Post: ✔
    Remote Get: ✔
    
    ### Database ###
    
    WC Database Version: 3.5.5
    WC Database Prefix: wp_
    Total Database Size: 10.62MB
    Database Data Size: 9.50MB
    Database Index Size: 1.12MB
    wp_woocommerce_sessions: Data: 0.05MB + Index: 0.02MB
    wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB
    wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB
    wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.05MB
    wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB
    wp_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB
    wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB
    wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB
    wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB
    wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB
    wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB
    wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB
    wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB
    wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB
    wp_commentmeta: Data: 0.02MB + Index: 0.03MB
    wp_comments: Data: 0.02MB + Index: 0.09MB
    wp_duplicator_packages: Data: 0.02MB + Index: 0.02MB
    wp_links: Data: 0.02MB + Index: 0.02MB
    wp_mbdb_books: Data: 0.02MB + Index: 0.02MB
    wp_options: Data: 3.02MB + Index: 0.06MB
    wp_postmeta: Data: 3.44MB + Index: 0.19MB
    wp_posts: Data: 2.47MB + Index: 0.09MB
    wp_termmeta: Data: 0.02MB + Index: 0.03MB
    wp_terms: Data: 0.02MB + Index: 0.03MB
    wp_term_relationships: Data: 0.02MB + Index: 0.02MB
    wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB
    wp_usermeta: Data: 0.02MB + Index: 0.03MB
    wp_users: Data: 0.02MB + Index: 0.05MB
    wp_wc_download_log: Data: 0.02MB + Index: 0.03MB
    wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB
    
    ### Post Type Counts ###
    
    attachment: 33
    book: 1
    custom_css: 1
    customize_changeset: 57
    elementor_library: 30
    elementor-popup: 9
    jetpack_migration: 2
    jp_img_sitemap: 1
    jp_sitemap: 1
    jp_sitemap_master: 1
    mbdb_book: 1
    mbdb_book_grid: 1
    nav_menu_item: 12
    page: 15
    post: 3
    product: 2
    revision: 315
    shop_order: 1
    
    ### Security ###
    
    Secure connection (HTTPS): ❌
    					Your store is not using HTTPS. Learn more about HTTPS and SSL Certificates.
    Hide errors from visitors: ✔
    
    ### Active Plugins (12) ###
    
    Classic Editor: by WordPress Contributors – 1.4
    Duplicator: by Snap Creek – 1.3.8
    Elementor Pro: by Elementor.com – 2.4.5
    Elementor: by Elementor.com – 2.4.7
    Jetpack by WordPress.com: by Automattic – 7.0.1
    PopBox For Elementor: by Zulfikar Nore – 1.0.7
    Void Elementor Post Grid Addon for Elementor Page builder: by VOID CODERS – 1.0.9
    WooCommerce Colors: by WooThemes – 1.0.7 – Not tested with the active version of WooCommerce
    WooCommerce PayPal Checkout Gateway: by WooCommerce – 1.6.9
    WooCommerce Services: by Automattic – 1.19.0
    WooCommerce: by Automattic – 3.5.5
    WP Reset: by WebFactory Ltd – 1.50
    
    ### Settings ###
    
    API Enabled: –
    Force SSL: –
    Currency: USD ($)
    Currency Position: left
    Thousand Separator: ,
    Decimal Separator: .
    Number of Decimals: 2
    Taxonomies: Product Types: external (external)
    grouped (grouped)
    simple (simple)
    variable (variable)
    
    Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
    exclude-from-search (exclude-from-search)
    featured (featured)
    outofstock (outofstock)
    rated-1 (rated-1)
    rated-2 (rated-2)
    rated-3 (rated-3)
    rated-4 (rated-4)
    rated-5 (rated-5)
    
    ### WC Pages ###
    
    Shop base: ❌ Page not set
    Cart: #412 - /cart/
    Checkout: #414 - /checkout/
    My account: #416 - /my-account/
    Terms and conditions: ❌ Page not set
    
    ### Theme ###
    
    Name: Page Builder Child
    Version: 1.0.0
    Author URL: http://www.liliompress.com
    Child Theme: ✔
    Parent Theme Name: Page Builder Framework
    Parent Theme Version: 1.13.1
    Parent Theme Author URL: https://mapsteps.com
    WooCommerce Support: ✔
    
    ### Templates ###
    
    Overrides: –
    

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support grigaswp

    (@grigaswp)

    Hi there,

    Thanks for reaching out!

    I understand that the checkout page doesn’t work as expected on your http://dev.liliompress.com/ site and it isn’t possible to continue to PayPal or use other payment methods.

    I wasn’t able to test this by adding a product to cart because of this:

    https://cld.wthms.co/zxOCqL

    There are a few potential reasons why this might be happening:

    1. A plugin/theme conflict is the most common reason. If you see any JavaScript errors in Console (browser developer tools) – that would most likely be an indicator of a conflict. You can test whether this is caused by a conflict by doing a plugin/theme conflict test.
    2. Looking at your System Status Report I see that your MySQL Version is outdated and the server does not have the SoapClient class enabled – some gateway plugins which use SOAP may not work as expected. You may want to reach out to your hosting provider to get this fixed. If this is a dev site and this cannot be fixed – most likely you’ll have to do test on a live site.
    3. There’s no SSL certificate installed. Some payment gateways need an active SSL certificate so that might need to be fixed too.

    I hope this helps!

    mandikauthor

    (@mandikauthor)

    After I posted, I realized the database connection had gone screwy, and had to contact the host to figure out what the issue was. We restarted the MySQL which seems to have fixed that, at the very least.

    I’ve already tested the plugins and don’t see any JavaScript errors, so I’ll try getting the MySQL updated and the SoapClient enabled and see if that helps. It is a dev site, so you’re right, this may be something that I have to just put up with on a live site while it’s being fixed. I had hoped I’d be able to get it sorted on dev first, but that’s the reason it doesn’t have an SSL cert either, the live site does.

    So yeah, I hadn’t thought about that… everything works fine on the live site, so this may just be because the dev site is on a different server that might have different specs. I’ll get it transferred and see if that solves it. Thanks so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Checkout Input Fields not working?’ is closed to new replies.