search

pronamic / wp-pronamic-pay

The Pronamic Pay plugin allows you to easily accept payments with payment methods like credit card, iDEAL, Bancontact and Sofort through a variety of payment providers on your WordPress website.
https://pronamicpay.com
34 stars 14 forks source link

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

Open remcotolsma opened 1 year ago

remcotolsma commented 1 year ago

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.

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 commented 1 year ago

WooCommerce and many other plugins use a similar view:

Schermafbeelding 2022-08-19 om 15 26 18