diff --git a/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabStyling.js b/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabStyling.js
index ed967deb2..7ddd8be7a 100644
--- a/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabStyling.js
+++ b/modules/ppcp-settings/resources/js/Components/Screens/Overview/TabStyling.js
@@ -90,7 +90,7 @@ const TabStyling = () => {
return (
-
+
{
);
};
-const SectionIntro = () => {
- const buttonStyleDescription = sprintf(
- // translators: %s: Link to Classic checkout page
- __(
- 'Customize the appearance of the PayPal smart buttons on the [MISSING LINK]Classic Checkout page. Checkout Buttons must be enabled to display the PayPal gateway on the Checkout page.'
- ),
- '#'
- );
+const SectionIntro = ( { location } ) => {
+ const { description, descriptionLink } =
+ defaultLocationSettings[ location ];
+ const buttonStyleDescription = sprintf( description, descriptionLink );
+
return (
+ />
);
};
diff --git a/modules/ppcp-settings/resources/js/data/settings/tab-styling-data.js b/modules/ppcp-settings/resources/js/data/settings/tab-styling-data.js
index 5a0853f00..6bdb4f643 100644
--- a/modules/ppcp-settings/resources/js/data/settings/tab-styling-data.js
+++ b/modules/ppcp-settings/resources/js/data/settings/tab-styling-data.js
@@ -25,26 +25,56 @@ export const defaultLocationSettings = {
value: 'cart',
label: __( 'Cart', 'woocommerce-paypal-payments' ),
settings: { ...cartAndExpressCheckoutSettings },
+ // translators: %s: Link to Cart page
+ description: __(
+ 'Customize the appearance of the PayPal smart buttons on the [MISSING LINK]Cart page and select which additional payment buttons to display in this location.',
+ 'wooocommerce-paypal-payments'
+ ),
+ descriptionLink: '#',
},
'classic-checkout': {
value: 'classic-checkout',
label: __( 'Classic Checkout', 'woocommerce-paypal-payments' ),
settings: { ...settings },
+ // translators: %s: Link to Classic Checkout page
+ description: __(
+ 'Customize the appearance of the PayPal smart buttons on the [MISSING LINK]Classic Checkout page and choose which additional payment buttons to display in this location.',
+ 'wooocommerce-paypal-payments'
+ ),
+ descriptionLink: '#',
},
'express-checkout': {
value: 'express-checkout',
label: __( 'Express Checkout', 'woocommerce-paypal-payments' ),
settings: { ...cartAndExpressCheckoutSettings },
+ // translators: %s: Link to Express Checkout location
+ description: __(
+ 'Customize the appearance of the PayPal smart buttons on the [MISSING LINK]Express Checkout location and choose which additional payment buttons to display in this location.',
+ 'wooocommerce-paypal-payments'
+ ),
+ descriptionLink: '#',
},
'mini-cart': {
value: 'mini-cart',
label: __( 'Mini Cart', 'woocommerce-paypel-payements' ),
settings: { ...settings },
+ // translators: %s: Link to Mini Cart
+ description: __(
+ 'Customize the appearance of the PayPal smart buttons on the [MISSING LINK]Mini Cart and choose which additional payment buttons to display in this location.',
+ 'wooocommerce-paypal-payments'
+ ),
+ descriptionLink: '#',
},
'product-page': {
value: 'product-page',
label: __( 'Product Page', 'woocommerce-paypal-payments' ),
settings: { ...settings },
+ // translators: %s: Link to Product Page
+ description: __(
+ 'Customize the appearance of the PayPal smart buttons on the [MISSING LINK]Product Page and choose which additional payment buttons to display in this location.',
+ 'wooocommerce-paypal-payments'
+ ),
+ descriptionLink: '#',
},
};