• Resolved pushparajsilva

    (@pushparajsilva)


    Hi,

    I have a “- OR -” displayed on my product pages and I have tried to remove this by additional CSS. However, it still is shown in Chrome, but seems to be fine in Firefox and IE.

    First of all, what is this “- OR -” and why is it displayed?
    Is there any other way of fixing this rather then adding a “display:none;” in the CSS?

    See the following screenshots:
    https://ibb.co/Jz221VY
    https://ibb.co/G09XYk2

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Luminus Alabi

    (@luminus)

    Automattic Happiness Engineer

    Hi @pushparajsilva,

    You’re seeing that because you have Payment Request Buttons enabled.

    The Payment Request Buttons control the ability to use Google Pay and Apple Pay on your site. If you don’t want to provide those options do customers, you can get rid of it by disabling the Payment Request Buttons in WooCommerce → Settings → Payments → Stripe

    Thread Starter pushparajsilva

    (@pushparajsilva)

    Hi Luminus,

    But those Payment Request Buttons are not displayed there either (without any css modifications)?
    So, what do I need to do in order to enable them and get the buttons to show?
    Right now there’s only a “- OR -” displayed.

    Mike W

    (@nixiack8)

    Hi @pushparajsilva,

    To recap, you were asking this initially:

    I have a “- OR -” displayed on my product pages and I have tried to remove this by additional CSS. However, it still is shown in Chrome, but seems to be fine in Firefox and IE.

    First of all, what is this “- OR -” and why is it displayed?

    This is due to the option in Stripe for Apple or Google Pay, so it will show the Or option. Google Chrome may be seeing code a bit differently than Firefox and IE, so it may still show depending on your theme and code on the page.

    Is there any other way of fixing this rather then adding a “display:none;” in the CSS?

    By default in the plugin, no – you would need CSS to either hide it with display: none; or visibility: hidden; if you want to have the space there. I hope this helps!

    Hi @pushparajsilva,

    We have not heard back from you in some time, so I will be closing this thread. If you still have issues please let us know by opening a new thread, and we will be happy to help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Stripe “- OR – ” shown on product page?’ is closed to new replies.