Cart is actually not syncing when using checkout in api and iframe

[ghost]

Hi!

I am currently using snowdogs cms API and inside of a Magento CMS page, I have iframed the checkout. I am now calling out this cms page like "vuestorefront.io/payment" instead of "cms.magento.io/vue/cart/sync" in cms url config.

I successfully managed to merge the Magento checkout on vue-storefront (so you don't have to be redirected etc). But I don't really recommend the settings I have as I am allowing x-frame options to allow all so there's some security concerns there.

However, the question at hand is.

Expected results

This works for about 3 test orders (around 10 minutes)

What happens after

So somehow it's not clear to me why it's not syncing like I have managed to do in previous versions from 2018.

The installation documents for how to install the external checkout now is not very clear to me, but I've managed to at least make it work, because when I change CMS URL in config settings to the Magento URL "cms.magento.io/vue/cart/sync", it works as normal. But then I don't have the pleasure of using whatever payment methods I want directly on Vue-storefront, and it goes to normal re-direct to Magento :(.

The only problem is, it is not syncing after a while when I'm using the API and iframe setting.

Does anyone have any clue or suggestions on how to investigate and fix this?

My config settings are working, as the external checkout is working as expected when you get redirected directly to the Magento instance, but when you change the cms URL to the custom one on vue-storefront where the checkout is then iframed, it does not sync anymore.

[lorenzo-lungo]

Hi Ghost,
Have you managed to solve this problem?
Thank you in advance for your kind answer.