wp-pronamic-pay icon indicating copy to clipboard operation
wp-pronamic-pay copied to clipboard

Published 20 hours ago • verified publisher icon pronamic

Payment method choice `<select>` to `<ul> + <input type="radio">`

Open remcotolsma opened this issue 2 years ago • 1 comments

In the WordPress admin payment gateway configuration test meta box we let users select the payment method in a <select>:

pay local_wp-admin_post php_post=909 action=edit

In the Pronamic Pay built-in form post type users currently can't choose the desired payment method. In https://github.com/pronamic/wp-pronamic-pay/issues/154 we are working towards support for this.

  • https://github.com/pronamic/wp-pronamic-pay/issues/154

To display additional payment method fields we use some JavaScript in payment gateway configuration test meta box. however, we could also arrange this on the basis of HTML and CSS.

https://codepen.io/remcotolsma/pen/rNdPOQE

The display of the payment methods is then more like, for example, Adyen does in the web dropin.

pay local__payment_redirect=1592 key=pay_62ff7d8b25c0c (1)

pay local__payment_redirect=1592 key=pay_62ff7d8b25c0c

remcotolsma avatar Aug 19 '22 12:08 remcotolsma

WooCommerce and many other plugins use a similar view:

Schermafbeelding 2022-08-19 om 15 26 18

remcotolsma avatar Aug 19 '22 13:08 remcotolsma