diff --git a/js/civicrm_stripe.js b/js/civicrm_stripe.js index 79f861d2cf3d722898cbbb33666c5b076d00fa75..f2d8b06bdbc8dccf7c47d2d54941968b2c3853f2 100644 --- a/js/civicrm_stripe.js +++ b/js/civicrm_stripe.js @@ -332,7 +332,7 @@ var stripeElements = stripe.elements({locale: CRM.vars.stripe.locale}); createElementCard(stripeElements); - //createElementPaymentRequest(stripeElements); + createElementPaymentRequest(stripeElements); setBillingFieldsRequiredForJQueryValidate(); submitButtons = getBillingSubmit(); diff --git a/templates/CRM/Core/Payment/Stripe/Card.tpl b/templates/CRM/Core/Payment/Stripe/Card.tpl index 3ef0921fea099bf18bb3aeaa7fa1ba54cf45dcd2..c13a19caecfeef9af5f755a282d4611e623b8884 100644 --- a/templates/CRM/Core/Payment/Stripe/Card.tpl +++ b/templates/CRM/Core/Payment/Stripe/Card.tpl @@ -23,7 +23,10 @@ {* Add the components required for a Stripe card element *} {crmScope extensionKey='com.drastikbydesign.stripe'} -<div id="card-element"></div> -{* Area for Stripe to report errors *} -<div id="card-errors" role="alert" class="crm-error alert alert-danger"></div> + <div id="stripeContainer"> + <div id="card-element"></div> + <div id="paymentrequest-element" style="display: none"></div> + {* Area for Stripe to report errors *} + <div id="card-errors" role="alert" class="crm-error alert alert-danger"></div> + </div> {/crmScope}