Js conflict

Sonali Agrawal
(@sonali1215)

6 years, 9 months ago

Hello,

I am the developer of the CartFlows plugin. I have installed your plugin Pixel Caffeine along with CartFlows (Pro) at my end and have faced the below issue.

Issue: The Checkout Offer PopUp displayed on click of *Proceed to Checkout* button or *PayPal (payment)* button (triggered on checkout_place_order event) is automatically closed and proceeded to next page.

Below are the findings :

1. I have displayed the PopUp on WooCommerce JS event *jQuery( ‘form.checkout’ ).on( ‘checkout_place_order.wcf_pre_checkout’, function(e) {…..});* which works before your frontend.js *t(“body.woocommerce-page form.checkout”).on(“checkout_place_order”, function(t) {….});* but before I could perform anything on popup it redirects to next page by your JS.

2. I tried to disable the AddPaymentInfo event from the plugin setting but still, it did not work. As you have enqueued the script on wp_footer and I have enqueued it using “wp_enqueue_scripts($footer=TRUE)” hook, our precheckout.js loads before frontend.js and hence the issue occurs.

It will be helpful if we both work on some solutions to make both the plugins compatible with each other.

Actually, there are many users who are using the Pixel Caffeine plugin as well as the CartFlows. So, if we can figure it out with the permanent solution then this issue can be solved and both the plugins will work without any conflicts.

So, if you can provide us any workaround to avoid this or any other action in the JS or any way to stop submitting the form before our pre-checkout offer is accepted that will be very helpful.

Looking forward to solving this ASAP.

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Author Antonino Scarfì
(@antoscarface)

6 years, 8 months ago

Hi,

thanks for writing here about this issue and thanks for giving the details about the issue 🙂

I investigated in the part of code you indicated and I set up a fix, I hope it works.

Please, get the new temporary version of the plugin with the fix from this link: https://www.dropbox.com/s/l8d1ed0q6oc1jxs/pixel-caffeine.2.0.8.fix-cartflows.zip?dl=0

Let me know if it fixes the issue 🙂
Thanks.
Thread Starter Sonali Agrawal
(@sonali1215)

6 years, 8 months ago
Hello Antonino Scarfì,

Thanks for your reply 🙂

I have tested the shared plugin copy with the CartFlows Pro plugin and it seems that the issue is partially fixed.

Now, it works (Popup does not disappear) when Add payment info event is enabled. As it does not return anything on the event “checkout_place_order”.

Code from shared zip:
```
t("body.woocommerce-page form.checkout").on("checkout_place_order", function(t) {
     if ("no" === aepc_pixel.enable_addpaymentinfo) return t;
     fbq("track", "AddPaymentInfo", n(aepc_add_payment_info_params))
})
```
But when I disable the Add payment info event (just enable other events), the issue occurs (Popup disappears).

This happens because I have returned false for the event “checkout_place_order” to display popup but on the same event, you have added return (event) and so it proceeds to the next page.

I have modified the code as below and it worked for me. Can you please check it once if it works for you as well.
```
t("body.woocommerce-page form.checkout").on("checkout_place_order", function(e) {
    if ("yes" === aepc_pixel.enable_addpaymentinfo){
       fbq("track", "AddPaymentInfo", n(aepc_add_payment_info_params))
     } 
})
```
Regards,
Sonali
Plugin Author Antonino Scarfì
(@antoscarface)

6 years, 7 months ago

Thanks for sharing the solution for you! 🙂

I tested it and it seems works without any problem. Here the updated temporary plugin version with the fix, let me know if it works for you: https://www.dropbox.com/s/l8d1ed0q6oc1jxs/pixel-caffeine.2.0.8.fix-cartflows.zip?dl=0

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Js conflict’ is closed to new replies.