Stripe.com payment integration module

split63:

Can't you just use a VPN and select a US server?

If the DOM is not fully loaded at the time when the payment is completed, the btn_submit button may not be fully available in the DOM, causing the click() method to not trigger. This happens when the JavaScript executes too early, before the button has been added to the page.
Can you check the following codes?

checkout.js line 48

    document.getElementById('checkoutConfirmDefaultHeading').textContent = PaymentSuccess;
    showMessage(PaymentSuccess);
    document.getElementById("btn_submit").click();

to

    const interval = setInterval(function() {
      const btnSubmit = document.getElementById("btn_submit");
      if (btnSubmit) {
          btnSubmit.click();
          clearInterval(interval); 
          document.getElementById('checkoutConfirmDefaultHeading').textContent = PaymentSuccess;
          showMessage(PaymentSuccess);
      }
  }, 100); // 100ms

I do not quote follow. Are you saying you found the issue?
What is "DOM"?

split63:

I do not quote follow. Are you saying you found the issue?
What is "DOM"?

There are two buttons on the checkout confirmation screen:

The Zen Cart "Confirm" button.(Hidden when Stripe payment is selected)
The Stripe "Confirm" button (displayed only if Stripe is selected as the payment method).
For Amazon Pay, the user is redirected to another screen, which causes the checkout confirmation display to disappear. When they return, the checkout confirmation screen is reloaded, and checkout.js executes the click() command to press the Zen Cart "Confirm" button.

Issue
If the click() command runs before the Zen Cart "Confirm" button appears, the purchase process cannot proceed.

Fix
This update ensures that the click() command waits until the Zen Cart "Confirm" button is displayed before executing.

At this stage, we are not 100% certain that this is the root cause, but it is a highly probable and common issue.

It's been a week, and there haven't been any issues, right? So, I guess 'no news is good news'?:blush:

Sorry, I have been consumed on another effort.
I just put the code in place.
Enabled Cash App on Stripe.
Went to the Zen checkout page. Selected Cash App, which I have never used. Clicked "confirm"
The page changed, it was overall darkened, as if a pop up blocker was at work. No QR code was displayed
After a few seconds, I got the Zen Order Confirmation page.
On Stripe is shows the order was incomplete

I reverted the code back and disabled Cash App.

split63:

Sorry, I have been consumed on another effort.
I just put the code in place.
Enabled Cash App on Stripe.
Went to the Zen checkout page. Selected Cash App, which I have never used. Clicked "confirm"
The page changed, it was overall darkened, as if a pop up blocker was at work. No QR code was displayed
After a few seconds, I got the Zen Order Confirmation page.
On Stripe is shows the order was incomplete

I reverted the code back and disabled Cash App.

If that's the case, the issue might be on Stripe's side.
It is just a possibility, but...

File: includes/modules/payment/stripepay/create.php (Line 34)
Even if automatic_payment_methods is set to true, there are cases where Cash App is not included as an available payment method.
Therefore, it is necessary to explicitly specify payment_method_types.

'automatic_payment_methods' => [
    'enabled' => true,
],

to

'payment_method_types' => ['card', 'cashapp'], 
'automatic_payment_methods' => [
    'enabled' => true,
],

File: checkout.js (Line 41)
When using if_required, Stripe may determine that a redirect is not necessary, which could cause the QR code to be skipped.

redirect: 'if_required'

to

redirect: 'always'

I apologize for making you try multiple times. Creating code is a process of trial and error, and since I can't see the results directly myself, it's making it even more challenging.:frusty:

I appreciate all you effort, but I'm going to say Credit cards are good enough.

split63:

I appreciate all you effort, but I'm going to say Credit cards are good enough.

OK
I understand.
but I'll put this code 'payment_method_types' => ['card', 'cashapp'], in the checkout.js next update.

I have obtained Stripe support, and I'll modify checkout.js in the next update."

I have never used Cash App. When I go to checkout its shown as an option, which is why I was able to click on it and induce and error.
If you are in Japan and you use a VPN with a US location, you should be able to see and induce the error I saw.

And the saga continues.
In the last week we had two events, both were successful Stripe credit card purchases, but both resulted in no Zen order. One customer said "the website showed an error so I thought it didn't go through. However, my bank statement shows that I was charged". No further details.

In stripe, both were uneventful. They hit the final check out page only once, and no errors of any kind were reported by stripe.

More from the customer with the successful charge, but no order:

So I went to get my debit card and got distracted. I finally came back to my phone to put in the payment information. The webpage was still loaded. After I submitted, I got an error probably bc the webpage should've timed out. But it still charged the debit card

I understand the issue.
It is caused by the difference between Zen Cart's session timeout of 24 minutes and Stripe's session timeout of 24 hours.
This can be resolved by using a webhook or the expire_at parameter.

some time back you put in a fix which times the Zen Session out and sends them to a timeout page. That worked on a PC. But this persons describes a phone. So the fix must not be universal across all browsers.

Hello,

I have read the readme like 3 times and I continue having issues. I have searched the thread without finding my problems (with the errors exactly). I've tried with testing mode, with responsive classic template, with OPC on and off. When I get to the checkout and I select Stripe as payment the form to input the numbers does not come up and I disabled all the adblocks possible. If I'm in testing mode as soon as I click on "confirm order" it goes to successful page and gives me a transaction number (even though I don't see the transaction on Stripe). The order goes through (but I never entered any number).

On the error log I've seen errors from guest checkout disabled, timeouts, and others. Here's the latest one:

[08-May-2025 16:36:49 America/Puerto_Rico] Request URI: /index.php?main_page=login, IP address: 24.***.185, Language id 1
#0 [internal function]: zen_debug_error_handler()
#1 /includes/modules/pages/login/header_php_login_guest.php(92): trigger_error()
#2 /index.php(35): require('/home/***/p...')
--> PHP Warning: Invalid value(s) found in CHECKOUT_ONE_LOGIN_LAYOUT (C;L). Guest-checkout is disabled. in /includes/modules/pages/login/header_php_login_guest.php on line 92.

I also don't understand an instruction on another document included in the pack related to OPC that says:

After the module installation, One-page checkout settings must be changed.

1. Open admin page =>Configuration => One-Page Checkout Settings =>One-Page Checkout Settings
2. Add "Stripe" and push Update button.

Which of all the settings? It doesn't say which one specific.

I believe you'll need to add stripepay to Payment Methods Requiring Confirmation.

dbltoe:

I believe you'll need to add stripepay to Payment Methods Requiring Confirmation.

Yes, that's there.

eway_rapid,stripepay,gps

Not sure what's eway_rapid.

That says login to admin, click configuration, then in the dropdown look for one page checkout settings. Then click one page checkout settings again on the page that loads up. That will then show you the option "add stripe" which you can execute. You should then be able to checkout because the value it expects to see is "add stripe: True" i would guess

Has anyone managed to use stripes appearance api to edit the payment form appearance whilst I'm here actually? I am wanting to enable dark mode but the one time I managed to actually get it to load with white text and dark colours for my project with black background stopped the payment form from working with no error log to resolve i had to revert the change on checkout template file

Is there anyone out there who can give me a hand with this? It will be appreciated. I can't get the Stripe form to show up after selecting Stripe as the payment.