BUG: Checkout Page: Payment options DESCRIPTIONS only toggle AFTER error

  • Resolved robbybutler

    (@robbybutler)


    7 years, 2 months ago

    When the Checkout page loads after the Cart, the code to toggle payment option DESCRIPTIONS—according to which payment option is selected—DOES NOT get activated.

    However the code to toggle payment option descriptions DOES get activated by an “error refresh”—as when a required field is left blank and an attempt is made to place an order. Following such an “error refresh,” payment descriptions DO toggle as different payment options are selected.

    This is particularly problematic when credit card fields don’t reveal properly to accept the necessary information when the credit card payment option is selected (with an additional plugin like Braintree or Stripe).

    @lorro gave a helpful response to a similar problem back in July, but it appears to me that was a different issue: https://www.ads-software.com/support/topic/checkout-payment-information-not-showing/

    I am new to WooCommerce, running the very latest versions of both WooCommerce (3.2.5) and WordPress (4.9.1). To test whether the problem was within WooCommerce itself I deactivated all other plugins and activated the 2017 WordPress Theme. The problem persisted but I couldn’t leave my live site like that, So I created a shadow site demonstrating the problem with only the WooCommerce plugin activated with the 2017 WordPress theme.

    If you know how to direct a domain name to an alternate IP you can see the problem in the stripped down for which I included the status report below—with no plugins other than WooCommerce running on the 2017 WordPress theme.

    I access this shadow site by adding the lines below to my hosts file as described here: https://www.imore.com/how-edit-your-macs-hosts-file-and-why…
    162.241.218.247 stubbornperseverance.org
    162.241.218.247 https://www.stubbornperseverance.org

    —

    As a workaround for my live StubbornPerseverance.org site I have used the credit card payment LABEL to guide customers to trigger an “error refresh” so they can enter their credit card data, but I am unwilling to use WooCommerce in this state.

    You can see the problem by walking through to the Checkout page from this link (not yet available to the general public): https://StubbornPerseverance.org/products/sp2-pb-pre-pub

    Is there a better workaround while I wait for this to be fixed in the actual plugin?

    The following status report is from my shadow site at 162.241.218.247 (not my live site where I have other plugins installed):

    
### WordPress Environment ###

Home URL: https://stubbornperseverance.org
Site URL: https://stubbornperseverance.org
WC Version: 3.2.5
Log Directory Writable: ?
WP Version: 4.9.1
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: ?
Language: en_US

### Server Environment ###

Server Info: Apache
PHP Version: 5.6.32
PHP Post Max Size: 64 MB
PHP Time Limit: 30
PHP Max Input Vars: 1000
cURL Version: 7.57.0
OpenSSL/1.0.2m

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.2.5
WC Database Prefix: wp_fozr_
Total Database Size: 8.85MB
Database Data Size: 8.18MB
Database Index Size: 0.67MB
wp_fozr_woocommerce_sessions: Data: 0.00MB + Index: 0.00MB
wp_fozr_woocommerce_api_keys: Data: 0.00MB + Index: 0.00MB
wp_fozr_woocommerce_attribute_taxonomies: Data: 0.00MB + Index: 0.00MB
wp_fozr_woocommerce_downloadable_product_permissions: Data: 0.00MB + Index: 0.00MB
wp_fozr_woocommerce_order_items: Data: 0.00MB + Index: 0.00MB
wp_fozr_woocommerce_order_itemmeta: Data: 0.01MB + Index: 0.01MB
wp_fozr_woocommerce_tax_rates: Data: 0.00MB + Index: 0.00MB
wp_fozr_woocommerce_tax_rate_locations: Data: 0.00MB + Index: 0.00MB
wp_fozr_woocommerce_shipping_zones: Data: 0.00MB + Index: 0.00MB
wp_fozr_woocommerce_shipping_zone_locations: Data: 0.00MB + Index: 0.01MB
wp_fozr_woocommerce_shipping_zone_methods: Data: 0.00MB + Index: 0.00MB
wp_fozr_woocommerce_payment_tokens: Data: 0.00MB + Index: 0.00MB
wp_fozr_woocommerce_payment_tokenmeta: Data: 0.00MB + Index: 0.00MB
wp_fozr_woocommerce_log: Data: 0.00MB + Index: 0.00MB
wp_fozr_404_to_301: Data: 1.36MB + Index: 0.12MB
wp_fozr_ariadminer_connections: Data: 0.00MB + Index: 0.00MB
wp_fozr_commentmeta: Data: 0.00MB + Index: 0.00MB
wp_fozr_comments: Data: 0.00MB + Index: 0.01MB
wp_fozr_links: Data: 0.00MB + Index: 0.00MB
wp_fozr_mailerlite_forms: Data: 0.00MB + Index: 0.00MB
wp_fozr_nf3_actions: Data: 0.00MB + Index: 0.00MB
wp_fozr_nf3_action_meta: Data: 0.04MB + Index: 0.01MB
wp_fozr_nf3_fields: Data: 0.02MB + Index: 0.00MB
wp_fozr_nf3_field_meta: Data: 0.62MB + Index: 0.04MB
wp_fozr_nf3_forms: Data: 0.00MB + Index: 0.00MB
wp_fozr_nf3_form_meta: Data: 0.02MB + Index: 0.01MB
wp_fozr_nf3_objects: Data: 0.00MB + Index: 0.00MB
wp_fozr_nf3_object_meta: Data: 0.00MB + Index: 0.00MB
wp_fozr_nf3_relationships: Data: 0.00MB + Index: 0.00MB
wp_fozr_options: Data: 2.12MB + Index: 0.07MB
wp_fozr_postmeta: Data: 0.37MB + Index: 0.25MB
wp_fozr_posts: Data: 3.29MB + Index: 0.09MB
wp_fozr_termmeta: Data: 0.00MB + Index: 0.01MB
wp_fozr_terms: Data: 0.00MB + Index: 0.01MB
wp_fozr_term_relationships: Data: 0.00MB + Index: 0.00MB
wp_fozr_term_taxonomy: Data: 0.00MB + Index: 0.00MB
wp_fozr_usermeta: Data: 0.33MB + Index: 0.02MB
wp_fozr_users: Data: 0.00MB + Index: 0.01MB
wp_fozr_woocommerce_termmeta: Data: 0.00MB + Index: 0.00MB

### Post Type Counts ###

attachment: 21
custom_css: 1
customize_changeset: 4
feedback: 21
jetpack_migration: 2
jp_img_sitemap: 4
jp_sitemap: 4
jp_sitemap_master: 4
nav_menu_item: 22
nf_sub: 291
page: 28
post: 2
product: 4
revision: 486
shop_order: 8
tailor_templates: 1

### Security ###

Secure connection (HTTPS): ?Your store is not using HTTPS. Learn more about HTTPS and SSL Certificates.
Hide errors from visitors: ?

### Active Plugins (1) ###

WooCommerce: by Automattic – 3.2.5

### 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: #6 - /checkout/
Cart: #5 - /cart/
Checkout: #6 - /checkout/
My account: ? Page visibility should be public
Terms and conditions: ? Page not set

### Theme ###

Name: Twenty Seventeen
Version: 1.4
Author URL: https://www.ads-software.com/
Child Theme: ? – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme
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)

  • The checkout javascript files are not loaded.

    Shop base: #6 – /checkout/
    Cart: #5 – /cart/
    Checkout: #6 – /checkout/

    Your shop base is the same as checkout. I don’t think that’s right. You can change it on the WooCommerce > Settings > Products > Display -page.

    Or remove the Shop base page and go to WooCommerce > Status > Tools > Create default WooCommerce pages

    Thread Starter robbybutler

    (@robbybutler)

    Thank you. You are exactly correct. The error was mine.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘BUG: Checkout Page: Payment options DESCRIPTIONS only toggle AFTER error’ is closed to new replies.

Tags