#dylancuure_26034
novel tide
indigo epoch
Hi, thank you
This is my website : https://cuure.com/version-71v/products
You need to add a product to your cart before you can see the stripe payment element
rain gale
I mean the website that has the desired layout, the other one.
rain gale
I think they're using the Split Card Element: https://stripe.com/docs/js/element/other_element?type=cardNumber
Where you use 3 separate Elements: CardNumber, CardExpiry and CardCvc.
However, this, as well as Card Element, is a legacy integration and I recommend you to use Payment Element: https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements
indigo epoch
Ok so you would not recomment to try to do like them?
rain gale
No, Payment Element has many benefits, including controlling the available payment methods types via Dashboard, and various conversion optimizations.
indigo epoch
The real reason we wanted to do like them is because we don't like the way the icons are displayed on small screens (mobile)
This displays a gif instead of showing all elements at once
rain gale
I understand, but I don't think you can customise that.
I understand that you prefer the old component's look, but there's much more benefits to using the Payment Element instead.
indigo epoch
I don't doubt it
One last thing, is it possible to collapse the payment element when there is only one payment method available? And if not, do you know why?
rain gale
Are you using the accordion view?
I am not sure. If not, but it's because then you can just show the card form, without extra ui components. It provides a cleaner look.
You can see all the customisation options here: https://stripe.com/docs/elements/appearance-api
indigo epoch
Is it possible to get from the payment element all the payment methods that are displayed?
My goal is to know if there is one or more payment methods displayed
rain gale
You can get it from the PaymentIntent.payment_method_types
indigo epoch
I am creating the payment intent after payment information collection
rain gale
I see. You can try getting the Payment Element and seeing what data is available: https://stripe.com/docs/js/elements_object/get_payment_element