Skip to main content

pos.product-details.action.menu-item.render

Renders a single interactive button component as a menu item in the product details action menu. Use this target for product-specific operations like inventory adjustments, product analytics, or integration with external product management systems.

Extensions at this target can access the product identifier through the Product API to perform product-specific operations. Menu items typically invoke shopify.action.presentModal() to launch the companion modal for complete product workflows.

Was this section helpful?

Create a product details action menu item

jsx

import {render} from 'preact';

export default async () => {
render(<Extension />, document.body);
};

const Extension = () => {
return (
<s-button
onClick={() => shopify.action.presentModal()}
/>
);
};