Category: Payment Methods
Hi,
Thanks.
If I open the popup URL in a new tab, I can look at its HTML with my browser's inspector. There, I can see all the HTML code of the invoice. So that means that the issue is a CSS issue. So I then looked at the elements encompassing the invoice HTML code and checked their CSS for anything which could hide the area. By going up and up, I finally reached the body tag of the page:
i.imgur.com/K4OM9Kr.png
I can see there is a "modal" class added by the template in the "body" tag of the page. And that class has a "display:none;" in the bootstrap CSS file loaded on the page.
I think that the problem comes from the template adding this "modal" class to the modals content. This was not a problem in older versions of bootstrap, but after updating to a more recent version of boostrap, the modal class' CSS in boostrap must have changed to include that display:none; leading to your issue.
The solution is probably to edit the component.php file of the template and remove the "modal" class from the body tag.