Draft Order APIAPIs
APIs
The Draft Order API provides an extension with data about the current draft order.
Supporting targets
Anchor to draftorderapiDraftOrderApi
- numberrequired
The unique identifier for the draft order
- Anchor to namenamestringrequired
The name of the draft order
- Anchor to customerIdcustomerIdnumber
The unique identifier of the customer associated with the draft order
Was this section helpful?
Anchor to examplesExamples
Examples of using the Draft Order API.
Anchor to example-retrieve-the-id-of-the-draft-order.Retrieve the ID of the draft order.
Was this section helpful?
Retrieve the ID of the draft order.
jsx
import {render} from 'preact';
export default async () => {
render(<Extension />, document.body);
};
const Extension = () => {
return (
<s-navigator initial-screen-name="DraftOrderDetailsAction">
<s-screen name="DraftOrderDetailsAction" title="Draft Order Details Action">
<s-scroll-box>
<s-text>Order ID: {shopify.draftOrder.id}</s-text>
</s-scroll-box>
</s-screen>
</s-navigator>
);
};
Examples
Retrieve the ID of the draft order.
jsx
import {render} from 'preact'; export default async () => { render(<Extension />, document.body); }; const Extension = () => { return ( <s-navigator initial-screen-name="DraftOrderDetailsAction"> <s-screen name="DraftOrderDetailsAction" title="Draft Order Details Action"> <s-scroll-box> <s-text>Order ID: {shopify.draftOrder.id}</s-text> </s-scroll-box> </s-screen> </s-navigator> ); };