Migrate to Polaris

Version 2025-07 is the last API version to support React-based UI components. Later versions use web components, native UI elements with built-in accessibility, better performance, and consistent styling with Shopify's design system. Check out the migration guide to upgrade your extension.

Choose a version:

Targets

Address

purchase.address-autocomplete.format-suggestion

An extension target that formats the selected address suggestion provided by a purchase.address-autocomplete.suggest target.

purchase.address-autocomplete.suggest

An extension target that provides address autocomplete suggestions for address forms at checkout.

Announcement

purchase.thank-you.announcement.render

A static extension target that is rendered on top of the Thank you page as a dismissable announcement.

Block

purchase.checkout.block.render

A block extension target that isn't tied to a specific checkout section or feature.

purchase.thank-you.block.render

A block extension target that renders exclusively on the Thank you page.

Footer

purchase.checkout.footer.render-after

A static extension target that is rendered below the footer.

purchase.thank-you.footer.render-after

A static extension target that is rendered below the footer on the Thank you page.

Header

purchase.checkout.header.render-after

A static extension target that is rendered below the header.

purchase.thank-you.header.render-after

A static extension target that is rendered below the header on the Thank you page.

Information

purchase.checkout.contact.render-after

A static extension target that is rendered immediately after the contact form element.

purchase.thank-you.customer-information.render-after

A static extension target that is rendered after a purchase below the customer information on the Thank you page.

Local Pickup

purchase.checkout.pickup-location-list.render-after

A static extension target that is rendered after pickup location options.

purchase.checkout.pickup-location-list.render-before

A static extension target that is rendered before pickup location options.

purchase.checkout.pickup-location-option-item.render-after

A static extension target that is rendered after the pickup location details within the local pickup option list, for each option.

Navigation

purchase.checkout.actions.render-before

A static extension target that is rendered immediately before any actions within each step.

Order Summary

purchase.checkout.cart-line-item.render-after

A static extension target that renders on every line item, inside the details under the line item properties element.

purchase.checkout.cart-line-list.render-after

A static extension target that is rendered after all line items.

purchase.checkout.reductions.render-after

A static extension target that is rendered in the order summary, after the discount form and discount tag elements.

purchase.checkout.reductions.render-before

A static extension target that is rendered in the order summary, before the discount form element.

purchase.thank-you.cart-line-item.render-after

A static extension target that renders on every line item, inside the details under the line item properties element.

purchase.thank-you.cart-line-list.render-after

A static extension target that is rendered after all line items on the Thank you page.

Overlays

purchase.checkout.chat.render

A static extension target that floats above checkout pages in the bottom right corner of the screen.

purchase.thank-you.chat.render

A static extension target that floats above the Thank you page in the bottom right corner of the screen.

Payments

purchase.checkout.payment-method-list.render-after

A static extension target that renders below the list of payment methods.

purchase.checkout.payment-method-list.render-before

A static extension target that renders between the payment heading and payment method list.

Pickup Points

purchase.checkout.pickup-point-list.render-after

A static extension target that is rendered immediately after the pickup points.

purchase.checkout.pickup-point-list.render-before

A static extension target that is rendered immediately before the pickup points.

Shipping

purchase.checkout.delivery-address.render-after

A static extension target that is rendered after the shipping address form elements.

purchase.checkout.delivery-address.render-before

A static extension target that is rendered between the shipping address header and shipping address form elements.

purchase.checkout.shipping-option-item.details.render

A static extension target that is rendered under the shipping method within the shipping method option list, for each option.

purchase.checkout.shipping-option-item.render-after

A static extension target that is rendered after the shipping method details within the shipping method option list, for each option.

purchase.checkout.shipping-option-list.render-after

A static extension target that is rendered after the shipping method options.

purchase.checkout.shipping-option-list.render-before

A static extension target that is rendered between the shipping method header and shipping method options.