woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-08 19:48:52 +08:00
Code Issues Projects Packages Wiki Activity Actions

✨ Add location-specific configuration

Browse source
This commit is contained in:
Philipp Stracker 2025-01-17 13:20:58 +01:00
parent 4b47084aa2
commit 0428dd08aa
No known key found for this signature in database
3 changed files with 12 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

5
modules/ppcp-settings/resources/js/data/styling/configuration.js
View file

@ -16,6 +16,7 @@ export const STYLING_LOCATIONS = {
'wooocommerce-paypal-payments'
),
link: '#',
props: { layout: false, tagline: false },
},
'classic-checkout': {
value: 'classic-checkout',
@ -26,6 +27,7 @@ export const STYLING_LOCATIONS = {
'wooocommerce-paypal-payments'
),
link: '#',
props: { layout: true, tagline: true },
},
'express-checkout': {
value: 'express-checkout',
@ -36,6 +38,7 @@ export const STYLING_LOCATIONS = {
'wooocommerce-paypal-payments'
),
link: '#',
props: { layout: false, tagline: false },
},
'mini-cart': {
value: 'mini-cart',
@ -46,6 +49,7 @@ export const STYLING_LOCATIONS = {
'wooocommerce-paypal-payments'
),
link: '#',
props: { layout: true, tagline: true },
},
product: {
value: 'product',
@ -56,6 +60,7 @@ export const STYLING_LOCATIONS = {
'wooocommerce-paypal-payments'
),
link: '#',
props: { layout: true, tagline: true },
},
};

9
modules/ppcp-settings/resources/js/data/styling/hooks.js
View file

@ -138,10 +138,11 @@ export const useLabelProps = ( location ) => {
export const useLayoutProps = ( location ) => {
const { getLocationProp, setLocationProp } = useHooks();
const { details } = useLocationProps( location );
return {
choices: Object.values( STYLING_LAYOUTS ),
isAvailable: true,
isAvailable: false !== details.props.layout,
layout: getLocationProp( location, 'layout' ),
setLayout: ( layout ) => setLocationProp( location, 'layout', layout ),
};
@ -149,6 +150,7 @@ export const useLayoutProps = ( location ) => {
export const useTaglineProps = ( location ) => {
const { getLocationProp, setLocationProp } = useHooks();
const { details } = useLocationProps( location );
return {
choices: [
@ -157,7 +159,10 @@ export const useTaglineProps = ( location ) => {
label: __( 'Enable Tagline', 'woocommerce-paypal-payments' ),
},
],
isAvailable: true,
isAvailable:
false !== details.props.tagline &&
STYLING_LAYOUTS.horizontal.value ===
getLocationProp( location, 'layout' ),
tagline: getLocationProp( location, 'tagline' ),
setTagline: ( tagline ) =>
setLocationProp( location, 'tagline', tagline ),

4
modules/ppcp-settings/resources/js/data/styling/reducer.js
View file

@ -33,8 +33,6 @@ const defaultPersistent = Object.freeze( {
label: STYLING_LABELS.pay.value,
shape: STYLING_SHAPES.rect.value,
color: STYLING_COLORS.gold.value,
layout: STYLING_LAYOUTS.vertical.value,
tagline: false,
} ),
[ STYLING_LOCATIONS[ 'classic-checkout' ].value ]: Object.freeze( {
enabled: true,
@ -51,8 +49,6 @@ const defaultPersistent = Object.freeze( {
label: STYLING_LABELS.checkout.value,
shape: STYLING_SHAPES.rect.value,
color: STYLING_COLORS.gold.value,
layout: STYLING_LAYOUTS.vertical.value,
tagline: false,
} ),
[ STYLING_LOCATIONS[ 'mini-cart' ].value ]: Object.freeze( {
enabled: true,