Checkout UI extension not showing on top

devnip
Shopify Partner
5 0 0

Checkout UI extension not showing on top

Below is target i set in toml file

 

[[extensions.targeting]]
target = "purchase.checkout.block.render"
module = "./src/index.jsx"
 
and below is how we render our extension

export default reactExtension(
  'purchase.checkout.block.render',
  () => <Extension />,
);

We are facing problem to show extension on top of left side of checkout in one page checkout. In the editor it's show on top left but not in real checkout

devnip_0-1710398687680.pngdevnip_1-1710398894356.png

 

This is only happen with single page checkout.

Let me clear that in real checkout our extension only load when customer logged in and they have credit balance.

We face this issue in our testing store and also in our client shopify plus stores.

Any help appreciated. 




Reply 1 (1)

Jgt_stha
Shopify Partner
4 0 1

Hi Devnip,

I have also faced a similar issue. My store has a similar feature input field with some text info that needs to be at the top of the checkout page. It was working fine till we moved to single page checkout. It seems an issue with single page implementation. Any findings and suggestions would be helpful.

 

-JS