pos.
Renders a full-screen modal interface launched from post-return menu items. Use this target for complex post-return workflows that require forms, multi-step processes, or detailed information displays beyond what a simple button can provide.
Extensions at this target have access to order data through the Order API and support workflows with multiple screens, navigation, and interactive components.
Create a post-return action modal
jsx
import {render} from 'preact';
export default async () => {
render(<Extension />, document.body);
};
const Extension = () => {
return (
<s-page heading="Return Post Action">
<s-scroll-box>
<s-text>Order ID: {shopify.order.id}</s-text>
</s-scroll-box>
</s-page>
);
};
Examples
Create a post-return action modal
Description
Build a full-screen modal workflow launched from a post-return action menu item. This example demonstrates creating complex post-return experiences with multi-step processes, forms, and order data access for operations like restocking workflows or return analytics.
jsx
import {render} from 'preact'; export default async () => { render(<Extension />, document.body); }; const Extension = () => { return ( <s-page heading="Return Post Action"> <s-scroll-box> <s-text>Order ID: {shopify.order.id}</s-text> </s-scroll-box> </s-page> ); };
Was this page helpful?