Uncaught SecurityError

Hello together,

trying to integrate with Stripe (stripe forces you to use SSL). I get the following error message in the console:

Uncaught SecurityError: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "https://shop.amir-rahbaran.com" from accessing a frame with origin "https://js.stripe.com". Protocols, domains, and ports must match.

For replication:

Take a $1 tee and put it into the card and then proceed to checkout (which would be here: https://shop.amir-rahbaran.com/checkout/

You can “test-buy” with the Testcard (as explained on the site). After adding the test info and clicking BUY NOW. Besides the console error, the stripe error message on the site is:

Error message: Please enter your card details to make a payment. Developers: Please make sure that you are including jQuery and there are no JavaScript errors on the page.

This seems to be a template issue as I don’t get any console or stripe error message with storefront.

Any help greatly appreciated.

Hi @amir,

I hope you are well today and thank you for your question.

I visited your shared site and found the following javascript error message occurring on your site as shown in the attached screenshot that may be causing this issue.

Uncaught TypeError: $(…).flexslider is not a function

The issue is resolved in the latest version of shapely theme so please use it by downloading it from the below page.

Best Regards,

Hey @Movin,

Perfect! Fixed the issue! You guys are amazing!

You are most welcome here :slight_smile: