Home › Forums › Basel support forum › Enlarge "Apple Pay" button

Enlarge "Apple Pay" button

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • January 31, 2018 at 12:20 pm #36423

    Giulio
    Participant

    Hi there, I would to enlarge this section to show the entire button of Apple Pay. How I can do? Many thanks.

    Attachments:
    You must be logged in to view attached files.
    January 31, 2018 at 1:03 pm #36458

    Artem Temos
    Keymaster

    Hi,

    Where can we see this button on your website? https://gyazo.com/ced445bc4f8f6b296ceb24f52694abab

    January 31, 2018 at 1:11 pm #36465

    Giulio
    Participant

    Try to take a look via desktop. I think that if a credit cart is not registered the button isn’t show.

    January 31, 2018 at 1:13 pm #36469

    Artem Temos
    Keymaster

    The same on desktop too.

    January 31, 2018 at 1:18 pm #36473

    Giulio
    Participant

    Try to navigate in a product page. You should to see it. I tried already (from anonymous) and it works.

    January 31, 2018 at 1:21 pm #36475

    Artem Temos
    Keymaster

    Here is what we see https://gyazo.com/ced445bc4f8f6b296ceb24f52694abab

    January 31, 2018 at 1:25 pm #36479

    Giulio
    Participant

    I suppose that the button showed depends from operative system. With Mac it show the button that I’ve posted. In your case – I don’t know why – the button got the same width of the other. Here is mine.

    Attachments:
    You must be logged in to view attached files.
    January 31, 2018 at 1:26 pm #36482

    Artem Temos
    Keymaster

    Sorry, but we can’t test it with Mac at the moment. Could you please check how it looks with default WordPress theme?

    January 31, 2018 at 1:37 pm #36486

    Giulio
    Participant

    I can’t right now 😕 It should be a value that limits the width this section. Inside documentation it works like this: https://docs.woocommerce.com/document/stripe/. I suppose that it regards the theme.

    January 31, 2018 at 1:40 pm #36488

    Artem Temos
    Keymaster

    OK, we will check it on Mac and back to you tomorrow.

    February 1, 2018 at 8:51 am #36706

    Artem Temos
    Keymaster

    Even testing with Mac on Safari we still can’t view this button on your website https://gyazo.com/4448fb5fb0403cbf28fd7efd10ce94b7

    February 1, 2018 at 9:16 am #36712

    Giulio
    Participant

    Do you have last version of Mac OS? I see it also from anonymous view. But I don’t see it from last version of iOS. I’ll ask to the support. However by this screenshot do you understand which part got some limits from code?

    Attachments:
    You must be logged in to view attached files.
    February 1, 2018 at 9:48 am #36727

    Artem Temos
    Keymaster

    Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

    body .single-product-content .single_variation_wrap .variations_button {
	display: block;
}
    February 1, 2018 at 9:53 am #36730

    Giulio
    Participant

    It don’t work. Same result 😕

    Attachments:
    You must be logged in to view attached files.
    February 1, 2018 at 10:41 am #36743

    Giulio
    Participant

    As you can see it depends by the size of the button below. In this case it is larger, so Apple Pay button is more visible.

    Attachments:
    You must be logged in to view attached files.
    February 1, 2018 at 10:59 am #36748

    Bogdan Donovan
    Keymaster

    In that case, try to change width of the add to cart button using this snippet

    .single-product-page #wc-stripe-payment-request-wrapper + p + button {
	min-width: 200px;
}

    Regards

    February 1, 2018 at 11:03 am #36750

    Giulio
    Participant

    Now it works 🙂

    Attachments:
    You must be logged in to view attached files.
    February 1, 2018 at 12:58 pm #36777

    Artem Temos
    Keymaster

    Great, glad to hear it 🙂

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)