From 42f9aef2377c1f2dee07bacb329d7d9d6348d256 Mon Sep 17 00:00:00 2001 From: Andrii Fetisov Date: Wed, 7 Oct 2020 13:37:32 +0300 Subject: [PATCH 1/3] feat(payments): PAYPAL-712 Checkout page - Smart Payment Button styling (Cornerstone) --- config.json | 6 ++- schema.json | 96 +++++++++++++++++++++++++++++++++++++++++ schemaTranslations.json | 6 +++ 3 files changed, 107 insertions(+), 1 deletion(-) diff --git a/config.json b/config.json index 9d451a23d1..c5b1af61da 100644 --- a/config.json +++ b/config.json @@ -331,7 +331,11 @@ "paypal" ], "lazyload_mode": "lazyload+lqip", - "show-admin-bar": true + "show-admin-bar": true, + "checkout-paymentbuttons-paypal-color": "black", + "checkout-paymentbuttons-paypal-shape": "rect", + "checkout-paymentbuttons-paypal-size": "large", + "checkout-paymentbuttons-paypal-label": "pay" }, "read_only_files": [ "/assets/scss/components/citadel", diff --git a/schema.json b/schema.json index 233f3057dd..6a9d11f9e0 100644 --- a/schema.json +++ b/schema.json @@ -2802,6 +2802,10 @@ { "value": "black", "label": "i18n.Black" + }, + { + "value": "white", + "label": "i18n.White" } ] }, @@ -2884,6 +2888,98 @@ "label": "i18n.ShowButtonsVertically" } ] + }, + { + "type": "heading", + "content": "i18n.PayPalPrimaryActionButton" + }, + { + "type": "select", + "label": "i18n.ButtonColor", + "id": "checkout-paymentbuttons-paypal-color", + "force_reload": true, + "options": [ + { + "value": "gold", + "label": "i18n.Gold" + }, + { + "value": "blue", + "label": "i18n.Blue" + }, + { + "value": "silver", + "label": "i18n.Silver" + }, + { + "value": "black", + "label": "i18n.Black" + }, + { + "value": "white", + "label": "i18n.White" + } + ] + }, + { + "type": "select", + "label": "i18n.ButtonShape", + "id": "checkout-paymentbuttons-paypal-shape", + "force_reload": true, + "options": [ + { + "value": "pill", + "label": "i18n.Pill" + }, + { + "value": "rect", + "label": "i18n.Rectangle" + } + ] + }, + { + "type": "select", + "label": "i18n.ButtonSize", + "id": "checkout-paymentbuttons-paypal-size", + "force_reload": true, + "options": [ + { + "value": "small", + "label": "i18n.Small" + }, + { + "value": "medium", + "label": "i18n.Medium" + }, + { + "value": "large", + "label": "i18n.Large" + } + ] + }, + { + "type": "select", + "label": "i18n.ButtonContent", + "id": "checkout-paymentbuttons-paypal-label", + "force_reload": true, + "options": [ + { + "value": "checkout", + "label": "i18n.PayPalCheckout" + }, + { + "value": "pay", + "label": "i18n.PayWithPayPal" + }, + { + "value": "buynow", + "label": "i18n.BuyNow" + }, + { + "value": "paypal", + "label": "i18n.PayPal" + } + ] } ] } diff --git a/schemaTranslations.json b/schemaTranslations.json index f712729f85..ded957d532 100644 --- a/schemaTranslations.json +++ b/schemaTranslations.json @@ -1895,6 +1895,9 @@ "uk": "Срібний", "zh": "银" }, + "i18n.White": { + "default": "White" + }, "i18n.Black": { "default": "Black", "fr": "Noir", @@ -1992,5 +1995,8 @@ "it": "Mostra bottoni in verticale", "uk": "Показати кнопки вертикально", "zh": "垂直显示按钮" + }, + "i18n.PayPalPrimaryActionButton": { + "default": "PayPal Primary Action Button" } } From 29ce1e67d29aa9abbeb54fe4aad87da56a0530fa Mon Sep 17 00:00:00 2001 From: Andrii Fetisov Date: Thu, 15 Oct 2020 17:56:35 +0300 Subject: [PATCH 2/3] feat(payments): PAYPAL-712 Checkout page - Smart Payment Button styling (Cornerstone) - fix translations --- schema.json | 2 +- schemaTranslations.json | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/schema.json b/schema.json index 6a9d11f9e0..190e2c393a 100644 --- a/schema.json +++ b/schema.json @@ -2891,7 +2891,7 @@ }, { "type": "heading", - "content": "i18n.PayPalPrimaryActionButton" + "content": "i18n.CheckoutPayPalButton" }, { "type": "select", diff --git a/schemaTranslations.json b/schemaTranslations.json index ded957d532..d26ee2b577 100644 --- a/schemaTranslations.json +++ b/schemaTranslations.json @@ -1996,7 +1996,7 @@ "uk": "Показати кнопки вертикально", "zh": "垂直显示按钮" }, - "i18n.PayPalPrimaryActionButton": { - "default": "PayPal Primary Action Button" + "i18n.CheckoutPayPalButton": { + "default": "Checkout PayPal Button" } } From eaa326dc818b97739453fca1ca8858e33b7ec263 Mon Sep 17 00:00:00 2001 From: Andrii Fetisov Date: Wed, 4 Nov 2020 12:12:44 +0200 Subject: [PATCH 3/3] feat(payments): PAYPAL-712 Checkout page - Smart Payment Button styling (Cornerstone) - changelog updated --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 5b1548b247..e1b5e8dfe4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,7 @@ # Changelog ## Draft +- Added styling config for the PayPal SPB on checkout page [#1866](https://github.com/bigcommerce/cornerstone/pull/1866) ## 4.12.0 (11-03-2020) - Reduce lodash usage in compare-products.js and image-gallery.js [#1827](https://github.com/bigcommerce/cornerstone/pull/1827)