Support » Plugin: WooCommerce PayPal Checkout Payment Gateway » WordPress Core Iframe Lazy Load Broke Paypal Smart Button After Filling Info

  • Resolved youngboy12

    (@youngboy12)


    Hi, I just discover that

    WordPress Core Iframe Lazy Load Broke Paypal Smart Button After Filling Info (shipping info, payment info) on lastest Chrome on Android (not tested on other device and browsers, window worked fine).

    I disable WP core lazyload and problem go away.

    Paypal smart Button broke like this:
    https://imgur.com/a/7eVEIGN

    Please investigate and FIX ASAP. Its affects MILLIONS OF SITE

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi there,

    Thank you for bringing this issue to our attention. Could you please provide the System Status Report (SSR) for your site, so I can look into this? You can find that by going to WooCommerce > Status > Get system report, and then copy & paste it in your reply.

    Thank you for your help with this!

    Thread Starter youngboy12

    (@youngboy12)

    Image of the crash Smart Button:
    https://imgur.com/a/lFTcMw8

    Behavior:
    – Go to checkout page -> Paypal smart button apear as normal
    – scrolling up to typing out shipping, billing detail -> then, Paypal smart button crash.
    – Google chrome, android. Stable latest version

    ### WordPress Environment ###

    WC Version: 5.5.2
    REST API Version: ✔ 5.5.2
    WC Blocks Version: ✔ 5.3.3
    Action Scheduler Version: ✔ 3.2.1
    WC Admin Version: ✔ 2.4.4
    Log Directory Writable: ✔
    WP Version: 5.8
    WP Multisite: –
    WP Memory Limit: 256 MB
    WP Debug Mode: –
    WP Cron: ✔
    Language: en_US
    External object cache: –

    ### Server Environment ###

    Server Info: nginx/1.19.3
    PHP Version: 7.4.21
    PHP Post Max Size: 256 MB
    PHP Time Limit: 30
    PHP Max Input Vars: 1000
    cURL Version: 7.68.0
    OpenSSL/1.1.1f

    SUHOSIN Installed: –
    MySQL Version: 5.5.5-10.4.20-MariaDB-1:10.4.20+maria~focal-log
    Max Upload Size: 256 MB
    Default Timezone is UTC: ✔
    fsockopen/cURL: ✔
    SoapClient: ✔
    DOMDocument: ✔
    GZip: ✔
    Multibyte String: ✔
    Remote Post: ✔
    Remote Get: ✔

    ### Database ###

    WC Database Version: 5.5.2
    WC Database Prefix: wp_
    Total Database Size: 9.39MB
    Database Data Size: 5.93MB
    Database Index Size: 3.46MB
    wp_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_actionscheduler_actions: Data: 0.02MB + Index: 0.13MB + Engine InnoDB
    wp_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_actionscheduler_logs: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
    wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_options: Data: 2.03MB + Index: 0.06MB + Engine InnoDB
    wp_postmeta: Data: 1.50MB + Index: 1.94MB + Engine InnoDB
    wp_posts: Data: 1.47MB + Index: 0.16MB + Engine InnoDB
    wp_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp_vi_wad_ali_orders_info: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_vi_wad_error_product_images: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_wc_admin_notes: Data: 0.05MB + Index: 0.00MB + Engine InnoDB
    wp_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_product_meta_lookup: Data: 0.08MB + Index: 0.09MB + Engine InnoDB
    wp_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

    ### Post Type Counts ###

    attachment: 200
    custom_css: 2
    customize_changeset: 1
    nav_menu_item: 5
    page: 13
    post: 8
    product: 17
    product_variation: 361
    revision: 1
    vi_wad_draft_product: 1
    wp_block: 4

    ### Security ###

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

    ### Active Plugins (8) ###

    Aliexpress Dropship for Woocommerce (Lite version): by MA-Group – 2.1.3
    Blocksy Companion: by CreativeThemes – 1.8.7.4
    Product/Review CSV Import Export: by WebToffee – 3.8.3
    Stackable – Gutenberg Blocks: by Gambit Technologies
    Inc – 2.17.4

    Dropshipping and Fulfillment for AliExpress and WooCommerce: by VillaTheme(villatheme.com) – 1.0.7
    Variation Swatches for WooCommerce: by Emran Ahmed – 1.1.17
    WooCommerce PayPal Payments: by WooCommerce – 1.4.0
    WooCommerce: by Automattic – 5.5.2

    ### Inactive Plugins (2) ###

    Akismet Anti-Spam: by Automattic – 4.1.10
    Hello Dolly: by Matt Mullenweg – 1.7.2

    ### 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)

    Connected to WooCommerce.com: –

    ### WC Pages ###

    Shop base: #22 – /shop-2/
    Cart: #23 – /cart-2/
    Checkout: #24 – /checkout-2/
    My account: #25 – /my-account-2/
    Terms and conditions: ❌ Page not set

    ### Theme ###

    Name: Blocksy
    Version: 1.8.4.4
    Author URL: https://creativethemes.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: blocksy/woocommerce/cart/cart.php
    blocksy/woocommerce/cart/mini-cart.php
    blocksy/woocommerce/checkout/form-checkout.php
    blocksy/woocommerce/content-widget-product.php
    blocksy/woocommerce/content-widget-reviews.php
    blocksy/woocommerce/myaccount/my-account.php
    blocksy/woocommerce/product-searchform.php
    blocksy/woocommerce/single-product/tabs/tabs.php

    ### Action Scheduler ###

    Complete: 30
    Oldest: 2021-07-30 22:08:39 +0000
    Newest: 2021-08-01 20:07:07 +0000

    ### Status report information ###

    Generated at: 2021-08-01 20:38:40 +00:00
    `

    Thread Starter youngboy12

    (@youngboy12)

    Hi, I want to add something:

    _ This happened to many other Woo stores (not mine) that using Paypal
    _ This maybe happy only device and browser specific (Chrome Android)
    _ WP core lazyload is not the curpirt. I disable it and the crashing still happen.

    Plugin Support Abhi G. a11n

    (@theabhig)

    Hi there @youngboy12

    I wasn’t able to replicate this on my test site with core lazy load active, using the default Storefront theme, and on Chrome on my desktop or on an Android device:


    Link to image: https://d.pr/i/32IfSE

    It appears you have removed the URL from your System Status Report so I wasn’t able to investigate further on your site for now.

    However if you would like to share the link privately, please contact us at WooCommerce.com > My Account > Support. You may need to create an account before you can access that page.

    Please include a link to this forum thread, so that we can keep track of what’s already been done.

    We will be able to help you further there.

    Thread Starter youngboy12

    (@youngboy12)

    Hi @theabhig

    Please disable stripe and use only paypal.

    @niklasinpsyde (woo plugin dev) from WooCommerce PayPal Payments was able to reproduce this issue:

    Please check out this thread:

    https://wordpress.org/support/topic/wordpress-core-iframe-lazy-load-broke-paypal-smart-button-after-filling-info

    Both of current Woo Paypal Plugin have this issue.

    • This reply was modified 4 months, 1 week ago by youngboy12.
    • This reply was modified 4 months, 1 week ago by youngboy12.

    Hey @youngboy12,

    Can you please confirm if the 2 open topics/threads are about the same problem?

    Are you using WooCommerce PayPal Checkout Payment Gateway and WooCommerce PayPal Payments at the same time and facing the problem when one of them is only active?

    Thread Starter youngboy12

    (@youngboy12)

    Hi @battouly

    Yes this is the same issue that I found out that Both Plugin have the same problem.

    I use one and I deactivate the others.

    I believe both the plugin shared the code base.

    I try both plugin (not activating both) and have the same issues. One of the Plugin Dev has been able to reproduce the issue. Please fix this because I will affect large user base (chrome + Android).

    THanks

    • This reply was modified 4 months, 1 week ago by youngboy12.
    • This reply was modified 4 months, 1 week ago by youngboy12.
    Plugin Support stephjacq a11n

    (@stephjacq)

    Automattic Happiness Engineer

    Hi @youngboy12,

    I checked your status report, and I do not see the PayPal Checkout plugin is installed: https://wordpress.org/plugins/woocommerce-gateway-paypal-express-checkout/

    I do see PayPal Payments (https://wordpress.org/plugins/woocommerce-paypal-payments/). In this plugin, there are settings for “PayPal Checkout”, which is referring to the PayPal checkout buttons on the pages. The setting is not referring to the separate plugin.

    I see you are already working with the PayPal Payments devs in this thread, where they have confirmed they have this on their list to fix.

    I hope that helps to clarify.

Viewing 8 replies - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.