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

Add minicart button

Browse source
This commit is contained in:
carmenmaymo 2023-09-10 13:21:19 +02:00
parent 6949064cdb
commit 0a7bd32f80
No known key found for this signature in database
GPG key ID: 6023F686B0F3102E
4 changed files with 47 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

43
modules/ppcp-applepay/resources/js/ApplepayButton.js
View file

@ -46,10 +46,20 @@ class ApplepayButton {
return;
}
this.addButton();
document.querySelector('#btn-appl').addEventListener('click', (evt) => {
evt.preventDefault();
this.onButtonClick();
});
const id_minicart = "#apple-" + this.buttonConfig.button.mini_cart_wrapper;
const id = "#apple-" + this.buttonConfig.button.wrapper;
if(this.context === 'mini-cart') {
document.querySelector(id_minicart).addEventListener('click', (evt) => {
evt.preventDefault();
this.onButtonClick();
});
} else {
document.querySelector(id).addEventListener('click', (evt) => {
evt.preventDefault();
this.onButtonClick();
});
}
});
}
console.log('[ApplePayButton] init done', this.buttonConfig.ajax_url);
@ -119,24 +129,29 @@ class ApplepayButton {
* Add a Apple Pay purchase button
*/
addButton() {
const appleContainer = document.getElementById("applepay-container");
const type = this.buttonConfig.button.type;
const language = this.buttonConfig.button.lang;
const color = this.buttonConfig.button.color;
appleContainer.innerHTML = `<apple-pay-button id="btn-appl" buttonstyle="${color}" type="${type}" locale="${language}">`;
console.log('[GooglePayButton] addButton', this.context);
const wrapper =
(this.context === 'mini-cart')
? this.buttonConfig.button.mini_cart_wrapper
: this.buttonConfig.button.wrapper;
const shape =
/*const shape =
(this.context === 'mini-cart')
? this.ppcpConfig.button.mini_cart_style.shape
: this.ppcpConfig.button.style.shape;
: this.ppcpConfig.button.style.shape;*/
const appleContainer = this.context === 'mini-cart' ? document.getElementById("applepay-container-minicart") : document.getElementById("applepay-container");
console.log('[ApplePayButton] addButton', appleContainer)
const type = this.buttonConfig.button.type;
const language = this.buttonConfig.button.lang;
const color = this.buttonConfig.button.color;
const id = "apple-" + wrapper;
appleContainer.innerHTML = `<apple-pay-button id="${id}" buttonstyle="${color}" type="${type}" locale="${language}">`;
jQuery(wrapper).addClass('ppcp-button-' + shape);
//jQuery(wrapper).addClass('ppcp-button-' + shape);
jQuery(wrapper).append(appleContainer);
console.log('[ApplePayButton] addButton', wrapper, appleContainer);
}
//------------------------
@ -302,6 +317,7 @@ class ApplepayButton {
case 'checkout':
case 'cart-block':
case 'checkout-block':
case 'mini-cart':
return {
action: 'ppcp_update_shipping_contact',
simplified_contact: event.shippingContact,
@ -327,6 +343,7 @@ class ApplepayButton {
case 'checkout':
case 'cart-block':
case 'checkout-block':
case 'mini-cart':
return {
action: 'ppcp_update_shipping_method',
shipping_method: event.shippingMethod,

7
modules/ppcp-applepay/resources/js/boot.js
View file

@ -23,10 +23,11 @@ import ApplepayManager from "./ApplepayManager";
console.error('PayPal button could not be configured.');
return;
}
console.log(buttonConfig.button.wrapper)
console.log(jQuery(buttonConfig.button.wrapper).length)
const isMiniCart = ppcpConfig.mini_cart_buttons_enabled;
const isButton = jQuery(buttonConfig.button.cart_wrapper).length > 0;
// If button wrapper is not present then there is no need to load the scripts.
if (!jQuery(buttonConfig.button.wrapper).length) {
// minicart loads later?
if (!isMiniCart && !isButton) {
return;
}