Helpdesk (forum)

#175 Phoca Checkout will not load credit card payment page follow up

Posted in ‘Stripe Checkout for Phoca Cart’

This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Environment Information (available for public)

PHP version

n/a

Phoca Cart version

n/a

Stripe Checkout for Phoca Cart version

n/a

Latest post by b2z on Monday, 30 June 2025 11:54 EEST

Monday, 30 June 2025 03:36 EEST

mnixson

This message is a follow up to the prior ticket #159 Phoca Checkout will not load credit card payment page. Note that credentials are in that message.

I have three other websites using your software and all use RocketTheme templates. One uses the exact same template as the Truth-Attack.com site and that works just fine (piercingtheillusion.com). I can find no reason what would be different in the template setup between both sites as I've thorougly examined and compared all working sites with Truth-Attack.

I asked my host to look into this problem and they indicated the following: "I was able to recreate the issue. While inspecting the browser console, I found the following error: Uncaught TypeError: Cannot read properties of null (reading 'addEventListener'). This error indicates that your JavaScript is trying to add an event listener to an element that does not exist on the page at the moment the script runs. This usually happens when a pop-up is expected to appear."

So, I'm back to the NorrNext software. I downloaded and installed the latest NorrNext extension today hoping that might fix this but it did not. How can we diagnose this better?

Monday, 30 June 2025 09:04 EEST

sulpher

Hi Michael,

Note:

This topic is a continue of a early closed one. When a user trying to finalize the payment, they get the following error instead of proceeding to the external page:

Uncaught TypeError: can't access property "addEventListener", ELEMENTS.checkoutButton is null

As Dmitrijs diagnosed, the problem occurs due to some script that affects plugin layout. And the hosting specialist confirmed the behaviour.

I have been checked out this moment and assigned default Cassiopeia template to make sure the problem occurs due to template. So, all works fine:

As you see, the behaviour is corrrect and the site is being proceeded to the next page.

So, the issue you have got occurs due to Joomla template based on Gantry framework.

In such case, this question should be addressed to template developer. However, Rockettheme is closing on June 30, 2025. See the blog post.

There are 2 ways to resolve the problem:

Choose another template. It will take time on configuring but in long-term perspective it is better to use the product which is compatible with actual version of Joomla.
Find a freelancer who can fix the code of the template. It will take a lot of time to examine the code of the template and the fix could be a bit expensive covering the time spent on resolving this task by a 3rd party person.

I would advice to choose another template based on modern framework which is not obsolete like Ganty whose developers have closed their business.

Best regards,

Eugene

Edited by sulpher on 2025-06-30 09:05 EEST

Monday, 30 June 2025 11:54 EEST

b2z

Hi Michael,

As I wrote in #159 some specific template setting EXCLUDES the component output on the payment page.

Try to check Gantry documentation for such option / setting / feature. I am not familiar with Gantry well.

For example, on your truth-attack site, when you click on the Categories button inside the shop, the page without the Phoca Cart component layout is loaded. The body style is:

<body class="gantry site com_phocacart view-categories no-layout no-task dir-ltr outline-12 g-offcanvas-left g-home-particles g-style-preset1">

When you do the same on the piercingtheillusion site, the page with Phoca Cart component (categories) is loaded correctly. The body style differs a little bit:

<body class="gantry site com_phocacart view-categories no-layout no-task dir-ltr outline-11 g-offcanvas-left g-default g-style-preset1">

So there is something that affects such behaviour.

Kind regards,

Dmitrijs

Edited by b2z on 2025-06-30 11:55 EEST