pos.
Renders a full-screen modal interface launched from cart line item menu items. Use this target for complex line item 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 detailed line item data through the Cart Line Item API and support workflows with multiple screens, navigation, and interactive components.
Support
Components (34)
APIs (14)
Supported components
Supported components
Examples
jsx
import {render} from 'preact';
export default async () => {
render(<Extension />, document.body);
};
const Extension = () => {
return (
<s-page heading='Cart Line Item Details'>
<s-scroll-box>
<s-text>Cart Line item action extension</s-text>
</s-scroll-box>
</s-page>
);
};
Examples
Create a cart line item action modal
Description
Build a full-screen modal workflow launched from a cart line item action menu item. This example demonstrates creating line item-specific experiences with multi-step processes, forms, and detailed line item data access for operations like customization or verification.
jsx
import {render} from 'preact'; export default async () => { render(<Extension />, document.body); }; const Extension = () => { return ( <s-page heading='Cart Line Item Details'> <s-scroll-box> <s-text>Cart Line item action extension</s-text> </s-scroll-box> </s-page> ); };
Was this page helpful?