Checkout ui extension - render 2 different targets on mobile & desktop

We have 1 extension need to display in 2 different locations/targets:

  • Desktop: purchase.checkout.reductions.render-after

  • Mobile: Bellow order summary section

May I ask how can we do detect in react checkout extensions? Thank you very much

Hi Hoannguyen02,

It’s not possible to detect window size with checkout extensions so you can only define one target that will display on the same area for both desktop and mobile views.

hi @Liam thanks for reply, may I ask can we generate 2 extensions: one for desktop, one for mobile? how can we do that? at the moment I am using

visibility of view with Style helper but is the doesn’t work. Thank you