Orderable “Tips” option not working with Fluid Checkout on Mobile (Android)

Hi @febbins,

What happens is:

Fluid Checkout outputs the order summary section 2 times in order to display it in the correct positions for mobile and desktop.

When the customer tries to add a tip from a mobile device, Orderable does not correctly detect the tip amount field on the order summary section displayed on the mobile view, instead, it gets the value from the order summary section that is displayed only for the desktop view.

The solution to this problem would be for Orderable to change its script to correctly detect the “tip amount” field that is in the same section as where the “apply” button is.

While it is true that it only happens when Fluid Checkout is activated, there is little we can do on our side.

Please contact the Orderable team again and connect us so we can work on a solution together.

Best,
Diego

Hi Diego,

Much appreciated your quick response… Let me catch the Orderable guys :). Hope they can fix it.

Thanks a lot.
Febbin

Hi Deigo,

Given below is the response I got from Orderable.

It appears that FluidCheckout doesn’t use the default and standard hooks from WooCommerce, that’s why it is isolated that is only happening when their plugin is active.

For this, it will require an in-depth customization, which I am afraid that is out of the scope of our support.

Looks like it’s not going to workout ??

Hi @febbins,

That is really sad because it should not be that hard.

Theoretically, what needs to be done is to replace the use of IDs with classes in the selectors. For instance:

Instead of:
var $tip_parent = $( this ).closest( '#orderable-tip' );

Should be:
var $tip_parent = $( this ).closest( '.orderable-tip' );

I added this as a task to our backlog to try to make the two plugins compatible, however, this would be part of our PRO version and it will take a while until I can get to implement it.

Best,
Diego

Yes, they fixed it. Thanks

Awesome ??