Input Uploads lose events attached – Checkout Field Editor for WooCommerce

  • Resolved jlugros

    (@jlugros)


    2 years, 6 months ago

    Hi support team,
    I′ve acquired the Checkout Field Editor for WooCommerce (Pro) plugin, since it is compatible with Fluid Checkout, and I wanted to use Fluid checkout together with custom checkout fields.

    They work fine together, except for the following problem:

    I have two inputs with file upload on checkout, and they both are required fields.
    When using Fluid checkout, files are not loaded once they are selected.

    Once I disable Fluid checkout, it works fine.

    I′ve compared both checkout pages (with and without Fluid checkout active) on developer console, and I could see that when Fluid checkout is active, the jquery events that should be attached to the file upload inputs are no longer there.

    So it seems that those listeners are lost / not being kept when Fluid checkout is active.

    From what I can see, those listeners are from the following JS file:

    plugins/woocommerce-checkout-field-editor-pro/public/assets/js/thwcfe-public-checkout.min.js

    which is enqueued in woocommerce-checkout-field-editor-pro/public/class-thwcfe-public-checkout.php

Viewing 1 replies (of 1 total)
  • Plugin Author Diego Versiani

    (@diegoversiani)

    Hi @jlugros,

    As explained in the other topic, only basic features of the Checkout Field Editor PRO are compatible with Fluid Checkout Lite 2.0.7+.

    For compatibility with advanced features of Checkout Field Editor PRO, you’ll need Fluid Checkout PRO as well.

    File Upload fields

    Because of the way Fluid Checkout works, the upload fields will not work when placed on the Shipping or Billing address sections.

    The jQuery events and HTML elements added via JS by the Checkout Field Editor PRO plugin are lost because with Fluid Checkout, the shipping and billing sections are replaced in the page whenever the checkout values are updated via AJAX calls.

    File Upload fields work as expected when added to “Additional notes / Additional details” section. And when using Fluid Checkout PRO, it will also work on custom sections created with Checkout Field Editor PRO as they are displayed separately.

    I’m closing this topic for now. If you need further assistance, please reply to this topic.

    Best,
    Diego

Viewing 1 replies (of 1 total)
  • The topic ‘Input Uploads lose events attached – Checkout Field Editor for WooCommerce’ is closed to new replies.