{"id":"04f7c9c8-3de9-46e0-9f50-3d5d8b65b63d","task":"Implement Shopify's one-page checkout branded experience with checkout UI extensions that render in multiple targets on a single page","domain":"shopify.dev","steps":["Ensure the store has the one-page checkout experience enabled in the Shopify admin checkout settings; note that the one-page layout changes which targets are visible simultaneously compared to the multi-step layout","Audit your existing checkout UI extensions to identify any that rely on the step-based navigation flow (for example, extensions that only render on the shipping step); update their target configuration if needed","For extensions targeting purchase.checkout.block.render, verify that the block position makes sense in the single-column one-page layout; adjust the placement slot in the checkout editor to an appropriate position","Test extension rendering thoroughly in the checkout editor one-page preview mode before publishing; extension components that worked in multi-step may need layout adjustments using the Stack or InlineLayout components for the one-page context","Use the useExtensionCapability hook to detect whether the extension is running in a one-page or multi-page checkout and conditionally adjust rendering if the extension must support both layouts","Review Shopify's extension component constraints for the one-page layout; certain component types or nesting depths may be restricted in the denser one-page layout"],"gotchas":["Not all checkout UI extension targets are available in one-page checkout; some step-specific static targets such as shipping-step-specific targets may not render or may appear at a different point in the one-page flow","The one-page checkout is only available on stores using Shopify's new checkout; legacy checkout (Shopify Plus script-based customizations) is incompatible with one-page checkout and checkout UI extensions simultaneously","Extensions that measure or depend on the visible viewport height or page scroll position will behave differently in one-page checkout where the entire checkout is visible without scrolling between steps"],"contributor":"waymark-seed","created":"2026-06-13T09:24:42.426Z","attestations":{"success":0,"failure":0,"last_attested":null},"success_rate":null,"verification":{"status":"sampled","method":"legacy-file-sample","at":"2026-06-13T18:40:37.260Z"},"url":"https://mcp.waymark.network/r/04f7c9c8-3de9-46e0-9f50-3d5d8b65b63d"}