+ {intl l="Your invoice is now available in your customer account on" d="stripepayment.email.default"} + {$store_name}. +
+ +{intl l="Thank you for your order!" d="stripepayment.email.default"}
+ +{intl l="The %name team." name={$store_name} d="stripepayment.email.default"}
+{/block} diff --git a/local/modules/StripePayment/templates/email/default/stripe_confirm_payment.txt b/local/modules/StripePayment/templates/email/default/stripe_confirm_payment.txt new file mode 100644 index 00000000..1e3c8660 --- /dev/null +++ b/local/modules/StripePayment/templates/email/default/stripe_confirm_payment.txt @@ -0,0 +1,9 @@ +{intl l="Dear customer," d="stripepayment.email.default"} + +{intl l="This is a confirmation of the payment of your order %order on %name." order={$order_ref} name={$store_name} d="stripepayment.email.default"} + +{intl l="Your invoice is now available in your customer account on %site" site={$store_url} d="stripepayment.email.default"} + +{intl l="Thank you again for your purchase." d="stripepayment.email.default"} + +{intl l="The %name team." name={$store_name} d="stripepayment.email.default"} diff --git a/local/modules/StripePayment/templates/frontOffice/default/assets/css/styles.css b/local/modules/StripePayment/templates/frontOffice/default/assets/css/styles.css new file mode 100644 index 00000000..87bff2d1 --- /dev/null +++ b/local/modules/StripePayment/templates/frontOffice/default/assets/css/styles.css @@ -0,0 +1,61 @@ +/** + * The CSS shown here will not be introduced in the Quickstart guide, but shows + * how you can use CSS to style your Element's container. + */ +.payment { + margin-bottom: 20px; +} +.stripe-payment { + width: 80%; + margin: auto; + text-align: center; +} +.stripe-payment .payment{ + background-color: #f5f5f5; + border-radius: 5px; +} +.stripe-payment .payment-label { + font-size: 20px; + font-weight: 500; +} +#payment-request-button { + margin-top: 10px; +} +#card-element { + box-sizing: border-box; + + height: 40px; + + padding: 10px 12px; + + border: 1px solid transparent; + border-radius: 4px; + background-color: white; + + box-shadow: 0 1px 3px 0 #e6ebf1; + -webkit-transition: box-shadow 150ms ease; + transition: box-shadow 150ms ease; +} + +#card-element--focus { + box-shadow: 0 1px 3px 0 #cfd7df; +} + +#card-element--invalid { + border-color: #fa755a; +} + +#card-element--webkit-autofill { + background-color: #fefde5 !important; +} +#card-errors, #payment-request-errors { + color: #721c24; + background-color: #f8d7da; + border-color: #f5c6cb; + border-radius: .25rem; + padding: .75rem 1.25rem; + text-align: center; +} +#card-errors.hidden, #payment-request-errors.hidden { + display: none; +} \ No newline at end of file diff --git a/local/modules/StripePayment/templates/frontOffice/default/assets/js/order-invoice-after-js-include.html b/local/modules/StripePayment/templates/frontOffice/default/assets/js/order-invoice-after-js-include.html new file mode 100755 index 00000000..58040e79 --- /dev/null +++ b/local/modules/StripePayment/templates/frontOffice/default/assets/js/order-invoice-after-js-include.html @@ -0,0 +1,166 @@ + diff --git a/local/modules/StripePayment/templates/frontOffice/default/assets/js/stripe-js.html b/local/modules/StripePayment/templates/frontOffice/default/assets/js/stripe-js.html new file mode 100755 index 00000000..720ee8e5 --- /dev/null +++ b/local/modules/StripePayment/templates/frontOffice/default/assets/js/stripe-js.html @@ -0,0 +1,29 @@ + + +