Checkout Payment Information Not Showing

  • Resolved sharnicia

    (@sharnicia)


    6 years, 10 months ago

    Hello,
    So I have recently updated to WooCommerce 3.0.9 and added WooCommerce Subscriptions. I am testing my payment gateway (PayPal powered by BrainTree) and while payments are going through there is a display issue.

    At checkout, when you update the billing address, the credit card information boxes no longer show text. However, you can still input payment information and it will register by outlining in green, but you cannot see the information you are inputting.

    Does anyone have any solutions?

    Website: freestylelanguagecenter.com

    Status Report

    ### WordPress Environment ###

    Home URL: https://freestylelanguagecenter.com
    Site URL: https://freestylelanguagecenter.com
    WC Version: 3.0.9
    Log Directory Writable: ✔
    WP Version: 4.8
    WP Multisite: –
    WP Memory Limit: 256 MB
    WP Debug Mode: –
    WP Cron: ✔
    Language: en_US

    ### Server Environment ###

    Server Info: Apache
    PHP Version: 5.6.30
    PHP Post Max Size: 65 MB
    PHP Time Limit: 300
    PHP Max Input Vars: 1000
    cURL Version: 7.45.0
    OpenSSL/1.0.1e

    SUHOSIN Installed: –
    MySQL Version: 5.6.32
    Max Upload Size: 64 MB
    Default Timezone is UTC: ✔
    fsockopen/cURL: ✔
    SoapClient: ✔
    DOMDocument: ✔
    GZip: ✔
    Multibyte String: ✔
    Remote Post: ✔
    Remote Get: ✔

    ### Database ###

    WC Database Version: 3.0.9
    WC Database Prefix: wp_zyr4k209nb_
    woocommerce_sessions: ✔
    woocommerce_api_keys: ✔
    woocommerce_attribute_taxonomies: ✔
    woocommerce_downloadable_product_permissions: ✔
    woocommerce_order_items: ✔
    woocommerce_order_itemmeta: ✔
    woocommerce_tax_rates: ✔
    woocommerce_tax_rate_locations: ✔
    woocommerce_shipping_zones: ✔
    woocommerce_shipping_zone_locations: ✔
    woocommerce_shipping_zone_methods: ✔
    woocommerce_payment_tokens: ✔
    woocommerce_payment_tokenmeta: ✔
    MaxMind GeoIP Database: ✔

    ### Security ###

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

    ### Active Plugins (18) ###

    ManageWP – Worker: by ManageWP – 4.2.19
    Contact Form 7: by Takayuki Miyoshi – 4.8
    Duplicate Page: by mndpsingh287 – 2.3
    Facebook By WebLizar: by WebLizar – 2.4.6
    Salient Visual Composer: by Michael M – WPBakery.com | Modified by ThemeNectar – 5.0.1
    Keyring: by Beau Lebens – 1.8
    Site Stager: by Media Temple – 0.3
    (mt) Mail: by Media Temple
    Inc. – 1.2

    (mt) MediaTemple System Plugin: by Media Temple – 0.5
    Subscribe2: by Matthew Robinson
    Tanay Lakhani – 10.21

    Advanced Order Export For WooCommerce: by AlgolPlus – 1.4.0
    WooCommerce PayPal Powered by Braintree Gateway: by WooCommerce – 2.0.3
    WooCommerce Product Fees: by Caleb Burks – 1.2
    WooCommerce Subscriptions: by Prospress Inc. – 2.2.8
    WooCommerce: by Automattic – 3.0.9
    WordPress Importer: by wordpressdotorg – 0.6.3
    Yoast SEO: by Team Yoast – 4.9
    WP101 Video Tutorials: by WP101Plugin.com – 0.3

    ### 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)
    subscription (subscription)
    variable (variable)
    variable subscription (variable-subscription)

    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: #7561 – /register/
    Cart: #7562 – /cart/
    Checkout: #7563 – /checkout/
    My account: #7564 – /my-account/

    ### Theme ###

    Name: Salient
    Version: 8.0.15
    Author URL: http://themenectar.com
    Child Theme: ❌ – If you’re modifying WooCommerce on a parent theme you didn’t build personally
    then we recommend using a child theme. See: How to create a child 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: salient/woocommerce/cart/cart-empty.php
    salient/woocommerce/cart/cart-item-data.php
    salient/woocommerce/cart/cart-shipping.php
    salient/woocommerce/cart/cart-totals.php
    salient/woocommerce/cart/cart.php
    salient/woocommerce/cart/cross-sells.php
    salient/woocommerce/cart/mini-cart.php
    salient/woocommerce/cart/proceed-to-checkout-button.php
    salient/woocommerce/cart/shipping-calculator.php
    salient/woocommerce/checkout/form-billing.php
    salient/woocommerce/checkout/form-checkout.php
    salient/woocommerce/checkout/form-coupon.php
    salient/woocommerce/checkout/form-shipping.php
    salient/woocommerce/checkout/payment-method.php
    salient/woocommerce/checkout/payment.php
    salient/woocommerce/checkout/review-order.php
    salient/woocommerce/checkout/terms.php
    salient/woocommerce/content-product.php
    salient/woocommerce/content-single-product.php
    salient/woocommerce/emails/customer-completed-order.php
    salient/woocommerce/emails/customer-processing-order.php
    salient/woocommerce/loop/add-to-cart.php
    salient/woocommerce/loop/loop-start.php
    salient/woocommerce/myaccount/form-login.php
    salient/woocommerce/single-product/product-image.php
    salient/woocommerce/single-product/tabs/description.php
    salient/woocommerce/single-product/tabs/tabs.php

    ### subscriptions ###

    WCS_DEBUG: ✔ No
    Subscriptions Mode: ✔ Live

    ### Braintree (Credit Card) ###

    Environment: Production
    Tokenization Enabled:
    Debug Mode: Off
    `

    • This topic was modified 6 years, 10 months ago by sharnicia.
Viewing 2 replies - 1 through 2 (of 2 total)
  • lorro

    (@lorro)

    6 years, 10 months ago

    The browser console is showing a Braintree JavaScript error: “Uncaught TypeError: Cannot read property ‘postMessage’ of undefined”. To see console errors if using Chrome, right click anywhere on the checkout page and choose “inspect”.

    You’ll need to identify which software element is not compatible and causing BrainTree to error. Deactivate other plugins and switch to the default theme and check. It should work now. Put elements back one-by-one to try to identify whether its your theme or one of your other plugins which is causing the problem.

    Thread Starter sharnicia

    (@sharnicia)

    6 years, 10 months ago

    Thank you for the inspection tip. It turns out that it was an issue with my theme (Salient) and I found the CSS file to fix it.

    /* show any Iframe added by Payment Gateway as theme has inline style that hides the iframes by default */
    .woocommerce-checkout iframe {
    opacity: 1 !important;
    }
    .woocommerce .payment_methods iframe {
    opacity: 1 !important;
    }
    .wc-braintree-hosted-field iframe {
    opacity: 1!important;
    }

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Checkout Payment Information Not Showing’ is closed to new replies.