Move Apple Pay Button underneth the „add to cart“ button

Hi guys

I got an Issue with Apple Pay, the order on the single product page is actually:

– apple pay
– „add to cart“
– paypal
– credit card

I want the apple pay button underneath the „add to cart“ button for a better design. Is there an option to fix this?

Best regards

Hello,

Thank you very much for choosing our theme and for contacting us.

Our theme provides the option to add content/buttons before and after “Add to cart button” You can find this option on the Theme Settings > Product page.

You can create an HTML block https://xtemos.com/docs/woodmart/html-blocks-2/ and insert its ID shortcode into the area https://xtemos.com/docs/woodmart/html-blocks-2/#before_after

Best Regards

Hi

Thx for your fast reply, so when im doing this i got those buttons doubled i only want to move the apple pay button underneath the cart button. How can i do this? I dont want to add additional buttons this would look more crazy than it actually looks. 😅

Hello,

I see only two buttons and they go after “Add to cart button” https://prnt.sc/v1df4l

You can add Apple pay in the Before Add to cart area.

Best Regards

The Apple Pay Button shows only on apple mobile devices. You wont see it on a desktop computer.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.single-product-page form.cart {
	display: flex;
	flex-direction: column;
	margin-bottom: 8px;
}
.single-product-page .single_add_to_cart_button {
	margin-bottom: 0;
}
.single-product-page form.cart #wc-stripe-payment-request-wrapper {
	order: 2;
	padding-top: 0 !important;
}
.single-product-page form.cart #wc-stripe-payment-request-button-separator {
	order: 1;
	margin-top: 20px !important;
}

Best Regards

WOW!! Thx this works perfect 😍👌 thank you very much for the Service

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts