pos.
Target
Renders a custom section within the native post exchange screen
Note
This is part of a POS UI Extensions developer preview. More information to come.
Was this section helpful?
Exchange Post Block
jsx
import {render} from 'preact';
export default async () => {
render(<Extension />, document.body);
};
const Extension = () => {
return (
<s-pos-block action={{title: 'Open action', onPress: () => shopify.action.presentModal()}}>
<s-pos-block-row>
<s-text>This is a block extension</s-text>
<s-text>Order ID: {shopify.order.id}</s-text>
</s-pos-block-row>
</s-pos-block>
);
};
Examples
Exchange Post Block
jsx
import {render} from 'preact'; export default async () => { render(<Extension />, document.body); }; const Extension = () => { return ( <s-pos-block action={{title: 'Open action', onPress: () => shopify.action.presentModal()}}> <s-pos-block-row> <s-text>This is a block extension</s-text> <s-text>Order ID: {shopify.order.id}</s-text> </s-pos-block-row> </s-pos-block> ); };
