Home Forums WoodMart – Premium Template Move Apple Pay Button underneth the „add to cart“ button

This topic contains 7 replies, has 2 voices, and was last updated by Elise Noromit Elise Noromit 12 hours, 28 minutes ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #234018

    Ueli
    Customer

    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

    Private Content Hidden
    #234047

    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

    #234058

    Ueli
    Customer

    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. 😅

    #234065

    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

    #234068

    Ueli
    Customer

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

    #234311

    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

    #234587

    Ueli
    Customer

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

    #234649

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

    Best Regards

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.