Payment plan table not showing after selecting installment option

[FlorianHegele]

Environment
Plugin Version: 5.13.1
WooCommerce Version: 10.0.2

Problem Description
The payment plan table fails to display when selecting an installment payment option in the checkout process.

Steps to Reproduce

1. Go to WooCommerce checkout page
2. Select Alma payment method with installments
3. Check an installment option
4. Expected: Payment plan table should appear
   Actual: Nothing happens, table remains hidden

---

Comparison with Working Version
Version 2.0.0 of the plugin doesn't have this issue and works correctly.

Here's the code comparison between the working version 2.0.0 (left, in red) and the current broken version 5.13.1 (right, in green):

Root Cause Analysis
The key difference is the addition of .closest('li.wc_payment_method').find() in the current version. Since no <li> elements with class wc_payment_method exist in the DOM, this selector chain fails and the payment plan table never gets displayed.

The issue is located in this code line

alma-woocommerce-gateway/public/templates/partials/alma-checkout-plan.php

Line 21 in 5d33ca4

onchange="if (this.checked) { jQuery( '<?php echo esc_js( $plan_class ); ?>' ).hide(); jQuery(this).closest('li.wc_payment_method').find( '<?php echo esc_js( $plan_id ); ?>' ).show() }"

The direct element selection used in version 2.0.0 worked perfectly and should be restored.
jQuery('#alma-payment-plan-table-general_X_0_0-installments').show()

[FlorianHegele]

I've tested the proposed fix and can confirm it works! The payment plan table now displays correctly when selecting installment options.
Result:

[c-lambert]

Hello,

I believe the core issue lies in the Alma payment plugin's reliance on native WooCommerce elements and classes, rather than utilizing its own distinct referential. This approach seems to prevent the plugin from functioning correctly when a specific WooCommerce theme is active.

For instance, if a theme does not use <li> tags for payment methods, the plugin's functionality breaks.

It might be beneficial to modify the jQuery(this).closest('li.wc_payment_method') selector to adopt a more plugin-specific approach. This aligns with best practices for plugin development, ensuring greater robustness, maintainability, and compatibility across diverse theme implementations, as plugins should ideally be self-contained and less dependent on external DOM structures. This would enhance compatibility and robustness across various WooCommerce themes.

Thank you for your attention to this matter.