feat(payment): PAYPAL-1654 add styling config for the PayPal Accelera…

…ted Checkout button
bigcommerce · Sep 5, 2022 · 92cfbfc · 92cfbfc
1 parent 60e8474
commit 92cfbfc
Show file tree

Hide file tree

Showing 4 changed files with 117 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Google AMP feature request - Add in release date info for preorder products. [#2107](https://github.com/bigcommerce/cornerstone/pull/2107)
 - Translation for states select field on account signup page. [#2105](https://github.com/bigcommerce/cornerstone/pull/2105)
 - Added description field below payment provider name on "My Account" -> "Payment Methods" page. [#2111](https://github.com/bigcommerce/cornerstone/pull/2111)
+- Added styling config for the PayPal Accelerated Checkout button [#2254](https://github.com/bigcommerce/cornerstone/pull/2254)
 
 ## 6.0.0 (08-06-2021)
 - Translation mechanism for config.json has been updated. [#2089](https://github.com/bigcommerce/cornerstone/pull/2089)

diff --git a/config.json b/config.json
@@ -324,6 +324,10 @@
     "pdp-non-sale-price-label": "",
     "pdp-retail-price-label": "",
     "pdp-custom-fields-tab-label": "",
+    "paymentbuttons-paypal-accelerated-checkout-color": "black",
+    "paymentbuttons-paypal-accelerated-content-color": "white",
+    "paymentbuttons-paypal-accelerated-content-label": "checkout",
+    "paymentbuttons-paypal-accelerated-border-color": "black",
     "paymentbuttons-paypal-layout": "vertical",
     "paymentbuttons-paypal-color": "gold",
     "paymentbuttons-paypal-shape": "rect",

diff --git a/schema.json b/schema.json
@@ -2843,6 +2843,65 @@
           }
         ]
       },
+      {
+        "type": "heading",
+        "content": "i18n.PaypalAcceleratedCheckoutButton",
+        "enable": "payPalAcceleratedCheckoutEnabled"
+      },
+      {
+        "type": "color",
+        "label": "i18n.ButtonColor",
+        "id": "paymentbuttons-paypal-accelerated-checkout-color",
+        "enable": "payPalAcceleratedCheckoutEnabled"
+      },
+      {
+        "type": "color",
+        "label": "i18n.ContentColor",
+        "id": "paymentbuttons-paypal-accelerated-content-color",
+        "enable": "payPalAcceleratedCheckoutEnabled"
+      },
+      {
+        "type": "select",
+        "label": "i18n.ButtonContent",
+        "id": "paymentbuttons-paypal-accelerated-content-label",
+        "enable": "payPalAcceleratedCheckoutEnabled",
+        "options": [
+          {
+            "value": "buy",
+            "label": "i18n.Buy"
+          },
+          {
+            "value": "checkout",
+            "label": "i18n.Checkout"
+          },
+          {
+            "value": "pay",
+            "label": "i18n.Pay"
+          },
+          {
+            "value": "buynow",
+            "label": "i18n.BuyNow"
+          },
+          {
+            "value": "paynow",
+            "label": "i18n.PayNow"
+          },
+          {
+            "value": "checkoutnow",
+            "label": "i18n.CheckoutNow"
+          },
+          {
+            "value": "proceedtocheckout",
+            "label": "i18n.ProceedToCheckout"
+          }
+        ]
+      },
+      {
+        "type": "color",
+        "label": "i18n.BorderColor",
+        "id": "paymentbuttons-paypal-accelerated-border-color",
+        "enable": "payPalAcceleratedCheckoutEnabled"
+      },
       {
         "type": "heading",
         "content": "i18n.SmartPaypalButton"

diff --git a/schemaTranslations.json b/schemaTranslations.json
@@ -1957,6 +1957,58 @@
     "uk": "Зміст кнопки",
     "zh": "按钮内容"
   },
+  "i18n.PaypalAcceleratedCheckoutButton": {
+    "default": "Paypal Accelerated Checkout button"
+  },
+  "i18n.ContentColor": {
+    "default": "Content color",
+    "fr": "Couleur du contenu",
+    "it": "Colore del contenuto",
+    "uk": "Колір вмісту",
+    "zh": "内容颜色"
+  },
+  "i18n.Buy": {
+    "default": "Buy",
+    "fr": "Acheter",
+    "it": "Acquistare",
+    "uk": "Купити",
+    "zh": "买"
+  },
+  "i18n.Checkout": {
+    "default": "Checkout",
+    "fr": "Checkout",
+    "it": "Checkout",
+    "uk": "Оформлення замовлення",
+    "zh": "查看"
+  },
+  "i18n.Pay": {
+    "default": "Pay",
+    "fr": "Payer",
+    "it": "Paga",
+    "uk": "Платити",
+    "zh": "支付"
+  },
+  "i18n.PayNow": {
+    "default": "Pay now",
+    "fr": "Payez maintenant",
+    "it": "Paga ora",
+    "uk": "Платити зараз",
+    "zh": "现在付款"
+  },
+  "i18n.CheckoutNow": {
+    "default": "Checkout now",
+    "fr": "Passer à la caisse",
+    "it": "Controlla ora",
+    "uk": "Оформити замовлення зараз",
+    "zh": "立即结帐"
+  },
+  "i18n.ProceedToCheckout": {
+    "default": "Proceed to checkout",
+    "fr": "Procedere al checkout",
+    "it": "Controlla ora",
+    "uk": "Перейти до оформлення замовлення",
+    "zh": "进行结算"
+  },
   "i18n.SmartPaypalButton": {
     "default": "Smart Paypal Button"
   },
@@ -1975,7 +2027,7 @@
     "zh": "PayPal支付"
   },
   "i18n.BuyNow": {
-    "default": "Buy Now",
+    "default": "Buy now",
     "fr": "Acheter maintenant",
     "it": "Acquista Ora",
     "uk": "Купити зараз",