Popup Box doesn’t show Buy Now

Hi, I just carried a test in my dev site and it is working for me. Can you share the shortcode you are using?

Regards.

Standard shortcode, created it via the Add New Product page. [wp_express_checkout product_id=”1640″]

Test page is here: https://www.richardhellewell.com/ppec-products/the-rv-park-redemption/

Noticed error in the console:

the-rv-park-redemption:1199:1

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.sandbox.paypal.com/xoplatform/logger/api/logger?disableSetCookie=true. (Reason: CORS request did not succeed). Status code: (null).

Settings currently set for sandbox. PayPal credentials are valid and correct. Browser is Firefox (latest version). WordPress 6.31, PHP 8.x.

The shortcode looks okay to me. Make sure the double quotes are correct “”. In your sample above the double quotes are not correct.

Also can you carry out a live transaction test, instead of a sandbox transaction test. Sometimes sandbox can be a bit tricky to setup correctly.

If the above does not help, please carry out the following troubleshooting steps. Let me know if this helps you.

https://wp-express-checkout.com/forums/topic/test-for-plugin-and-theme-conflict-before-posting-an-issue-or-a-bug/

Kind regards.

• This reply was modified 1 year, 2 months ago by mbrsolution.

I changed Settings to enable ‘live’ view. The PayPal button does not display. And it’s not a theme or conflicting plugin.

Inspecting the code for the popup box shows that the code that displays the button has CSS ‘display’ set to ‘none’.

.wp-ppec-overlay {
z-index: 10000;
display: none;
background-color: #fff;
width: 100%;
opacity: .7;
height: 100%;
position: absolute;
top: 0;
left: 0;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

That CSS, if display:none is disabled, shows the spinner. This code line is what enables the name/etc field: (the ‘billing contianer’)

<div id="wpec_billing_paypal_button_2" class="wpec_billing_container" style="display: none;">

If I force that display:none disabled, I see the form, but not the PayPal ‘buy’ button . That button is disabled (source code shows this):

<div id="place-order-paypal_button_2" style="display:none;">

If I disable “display:none” there, the button will appear.

So there seems to be something in your code – or improper JS processing – that is disabling the display of the form data and the associated buy button.

The result is that clicking the ‘buy’ button displays the popup box, but there is no way to complete the order process via the popup.

If I disable the ‘popup’ setting, there is not a ‘buy’ button shown on the product page.

Do you see the ‘buy’ button on the text page in the popup that is shown when clicking on the ‘buy’ button?

Unfortunately I cannot reproduce this issue in my dev site. Something in your site is causing this issue. Are you running a cache plugin in your site? Are you running a cache service in your server?

Kind regards.