Cannot customize Checkout style - cross-origin issue

[flayks]

Following carefully the new process to get a storefront, I cloned the Origin repo into a Cloudflare Pages build and it works well. For the record though, I'm never gonna use this storefront as I use Swell for managing the cart system of a custom-made website.

Anyhow, despite the creation and deployment of the storefront, I cannot customize the Checkout style and have these errors whenever I change the logo, a color or a locale string:

main.5edc5f08.js:2 DOMException: Blocked a frame with origin "https://storename.swell.store" from accessing a cross-origin frame.
    at window.editorRefreshPage (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:3966059)
    at z (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:3949542)
    at https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:3948323
    at e._execute (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:7219098)
    at L._resolveFromExecutor (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:7254855)
    at new L (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:7247875)
    at https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:3948296
    at d (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:3938268)
    at Generator.<anonymous> (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:3939627)
    at Generator.next (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:3938631)
    at v (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:3944280)
    at i (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:3944483)
    at l (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:7284857)
    at L._settlePromiseFromHandler (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:7255260)
    at L._settlePromise (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:7256060)
    at L._settlePromise0 (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:7256759)
    at L._settlePromises (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:7258111)
    at l (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:7202852)
    at s (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:7202791)
    at i._drainQueues (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:7203917)
    at drainQueues (https://storename.swell.store/admin/public/static/js/main.5edc5f08.js:2:7202725)

I ultimately just would like to use the standard checkout links but with some custom styles.

[adrrian17]

I have the same issue and the same error appears in the console...

[flayks]

This is a quite major issue, is there any information about it and a possible ETA for a fix?

[ericingram]

A fix is being developed currently

[rodrigoddalmeida]

@flayks @adrrian17 we have shipped a fix, could you confirm if it has solved the issue for you? You can DM me your store names in case they still have problems with the Checkout Editor, so I can take a closer look.

[flayks]

All good!

[logeshswell]

@flayks Swell Checkout is enabled with your custom domain. Please check and confirm.
Sample checkout link: https://boutique.letude.group/checkout/318639b22e6a5cbf163d019f7e3ea05a

[flayks]

Amazing, thanks @logeshswell. Could you tell me if this needs to be a manual operation for now? If yes, will it be possible to customize the domain ourselves in the near future?

[logeshswell]

Yes, it is a manual process at our end since the last storefront upgrade.
It is definitely going to be customized at your end under Checkout settings in the near future as we are working towards it.

[flayks]

Awesome, thanks for your answers and help Logesh!