Accordion for entering a store credit is cutting off the button

Hi @joyryde,

This issue should have been with the latest update of Advanced Coupons for WooCommerce Free. Could you please ensure that you are on version 4.5.9?

Our website updates automatically, so it’s already on Version 4.5.9 and we still see this issue in the cart.

Hi @joyryde,

Could you please confirm if this is the Neve theme that you are using? https://themeisle.com/themes/neve/

If yes, I tried that theme and it seems that it is working fine for me:
https://snipboard.io/6epcoj.jpg

It would be great if you could send me all the information from the WooCommerce->System Status page. There’s a little button there that will let you copy and paste it to me:

https://snipboard.io/eOc7jD.jpg

Could you please send it to me via our support channel here: https://advancedcouponsplugin.com/submit-support-ticket/

Please kindly attach a link to this thread as well so we know it is from you.

Cheers,

• This reply was modified 11 months, 1 week ago by Fauzan Azizie.

Hi Fauzan!

We use Neve but we also use Fluid Checkout Pro.

I could reach out to @diegoversiani?if you think it might be a conflict with Fluid Checkout.

Hi @joyride,

It really depends on how the accordion script works for Advanced Coupons, if the component is not expecting the order summary section to be updated on the checkout page, then it might be a conflict with Fluid Checkout.

@fauzanade, if that is the case, the dev team at Advanced Coupons might need to make some small changes to its code. You can use this documentation which explains how to fix such issues:
https://fluidcheckout.com/docs/troubleshoot-js-events/

Let me know if I can help with anything else.

Best,
Diego.

Thank you Diego!

@fauzanade please assist ASAP, our customers cannot check out on mobile devices.

Hi @joyride,

It seems to me that the arbitrary height of the open accordion component set to 200px might be what is causing the block to be cut-off.

On mobile devices, elements tend to be narrower and cause text to break into more lines, requiring more vertical space than otherwise might be need on desktop.

I was not able to reproduce the issue on your website to check this hypothesis though.

I hope this helps.

Best,
Diego.

We saw the same issue, that 200px css code comes from the plugin developer themselves.

We see the issue when testing the site on any mobile phone, and we are getting 2-3 complaints per week from customers about it.

Yes… if that helps, I found the related code in the Advanced Coupon file advanced-coupons-for-woocommerce-free/packages/acfwf-checkout/index.scss line 50.

2 months and this plugin flaw STILL exists and hasn’t been fixed.

Hi @joyryde,

This issue has been fixed since version 4.5.9 as we haven’t received any more complaints about it since the released of that update.

If you are still having issues with this, it means that there is something else that affecting this on your website. Whether it is a third-party plugin or a customization on your theme.

Could you please send us more detail on this via our support channel here: https://advancedcouponsplugin.com/submit-support-ticket/ to help you get the bottom of this?

We already submitted multiple support requests, they don’t respond.

The issue exists, and the CSS workarounds that we forced into the plugin to try to fix it don’t work because it messes it up on various device sizes.

We had to put this in and it only fixes it on mobile and then messes it up on iPad/Desktop:

/Fix Advanced Coupons Store Credits CSS/
.acfw-accordion-inner {
max-height: 500px !important;
}
.acfw-form-control-label {
margin-top:-10% !important;
}
.acfw-accordion-inner {
height: 280px !important;
}