# ## purchase.address-autocomplete.format-suggestion An extension target that formats the selected address suggestion provided by a [`purchase.address-autocomplete.suggest`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-suggest) target. This formatted address is used to auto-populate the fields of the address form. It must return a [`formattedAddress`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-format-suggestion#addressautocompleteformatsuggestionoutput-propertydetail-formattedaddress). > Caution: > This extension target is only necessary if the corresponding [`purchase.address-autocomplete.suggest`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-suggest) target does not provide a `formattedAddress` for the suggestions. If a formatted address is provided with each suggestion, then this target will not be called. > > If the [`purchase.address-autocomplete.suggest`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-suggest) target is not implemented, then this target will not work. > Note: > - This target does not support rendering UI components. > - This extension can only be developed as a JavaScript extension using the `ui-extensions` library. > - The [app extension configuration](/docs/apps/app-extensions/configuration) `shopify.extension.toml` file is shared between this extension target and [`purchase.address-autocomplete.suggest`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-suggest). This includes extension settings specified in the configuration file. [View purchase.address-autocomplete.format-suggestion](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-address-autocomplete-format-suggestion) ## purchase.address-autocomplete.suggest An extension target that provides address autocomplete suggestions for address forms at checkout. Suggestions are presented to customers for delivery, billing, and pickup point addresses. The extension target must return a list of address [`suggestions`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-suggest#addressautocompletesuggestoutput-propertydetail-suggestions). If a formatted address is provided with each suggestion, then it will be used to auto-populate the fields in the address form when the customer selects a suggested address. Optionally, you can implement the [`purchase.address-autocomplete.format-suggestion`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-format-suggestion) extension target to format an address based on the address suggestion selected by the customer. > Note: > - This target does not support rendering UI components. > - This extension can only be developed as a JavaScript extension using the `ui-extensions` library. > - The [app extension configuration](/docs/apps/app-extensions/configuration) `shopify.extension.toml` file is shared between this extension target and [`purchase.address-autocomplete.format-suggestion`](/docs/api/checkout-ui-extensions/2024-10/targets/address/purchase-address-autocomplete-format-suggestion). This includes extension settings specified in the configuration file. [View purchase.address-autocomplete.suggest](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-address-autocomplete-suggest) ## purchase.checkout.actions.render-before A static extension target that is rendered immediately before any actions within each step. [View purchase.checkout.actions.render-before](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-actions-render-before) ## purchase.checkout.block.render A [block extension target](/docs/api/checkout-ui-extensions/extension-targets-overview#block-extension-targets) that isn't tied to a specific checkout section or feature. Unlike static extension targets, block extension targets render where the merchant sets them using the [checkout editor](/apps/checkout/test-ui-extensions#test-the-extension-in-the-checkout-editor). The [supported locations](/docs/api/checkout-ui-extensions/extension-targets-overview#supported-locations) for block extension targets can be previewed during development by [using a URL parameter](/docs/apps/checkout/best-practices/testing-ui-extensions#block-extension-targets). [View purchase.checkout.block.render](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-block-render) ## 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. > Caution: > This extension target will not be rendered if the line item is a custom line item belonging to a draft order invoice. [View purchase.checkout.cart-line-item.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-cart-line-item-render-after) ## purchase.checkout.cart-line-list.render-after A static extension target that is rendered after all line items. [View purchase.checkout.cart-line-list.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-cart-line-list-render-after) ## purchase.checkout.contact.render-after A static extension target that is rendered immediately after the contact form element. [View purchase.checkout.contact.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-contact-render-after) ## purchase.checkout.delivery-address.render-after A static extension target that is rendered after the shipping address form elements. [View purchase.checkout.delivery-address.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-delivery-address-render-after) ## purchase.checkout.delivery-address.render-before A static extension target that is rendered between the shipping address header and shipping address form elements. [View purchase.checkout.delivery-address.render-before](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-delivery-address-render-before) ## purchase.checkout.footer.render-after A static extension target that is rendered below the footer. > Tip: > To prevent layout shifting, avoid dynamic data fetching & rendering in this target. If you need to render dynamic content, consider reserving space for your content while it is loading. > See: [Spinner](/docs/api/checkout-ui-extensions/components/feedback/spinner), [SkeletonText](/docs/api/checkout-ui-extensions/components/feedback/skeletontext), or [BlockSpacer](/docs/api/checkout-ui-extensions/components/structure/blockspacer). [View purchase.checkout.footer.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-footer-render-after) ## purchase.checkout.header.render-after A static extension target that is rendered below the header. > Tip: > To prevent layout shifting, avoid dynamic data fetching & rendering in this target. If you need to render dynamic content, consider reserving space for your content while it is loading. > See: [Spinner](/docs/api/checkout-ui-extensions/components/feedback/spinner), [SkeletonText](/docs/api/checkout-ui-extensions/components/feedback/skeletontext), or [BlockSpacer](/docs/api/checkout-ui-extensions/components/structure/blockspacer). [View purchase.checkout.header.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-header-render-after) ## purchase.checkout.payment-method-list.render-after A static extension target that renders below the list of payment methods. [View purchase.checkout.payment-method-list.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-payment-method-list-render-after) ## purchase.checkout.payment-method-list.render-before A static extension target that renders between the payment heading and payment method list. [View purchase.checkout.payment-method-list.render-before](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-payment-method-list-render-before) ## purchase.checkout.pickup-location-list.render-after A static extension target that is rendered after pickup location options. [View purchase.checkout.pickup-location-list.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-pickup-location-list-render-after) ## purchase.checkout.pickup-location-list.render-before A static extension target that is rendered before pickup location options. [View purchase.checkout.pickup-location-list.render-before](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-pickup-location-list-render-before) ## 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. [View purchase.checkout.pickup-location-option-item.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-pickup-location-option-item-render-after) ## purchase.checkout.pickup-point-list.render-after A static extension target that is rendered immediately after the pickup points. [View purchase.checkout.pickup-point-list.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-pickup-point-list-render-after) ## purchase.checkout.pickup-point-list.render-before A static extension target that is rendered immediately before the pickup points. [View purchase.checkout.pickup-point-list.render-before](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-pickup-point-list-render-before) ## purchase.checkout.reductions.render-after A static extension target that is rendered in the order summary, after the discount form and discount tag elements. [View purchase.checkout.reductions.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-reductions-render-after) ## purchase.checkout.reductions.render-before A static extension target that is rendered in the order summary, before the discount form element. [View purchase.checkout.reductions.render-before](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-reductions-render-before) ## 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. > Note: > - In split shipping scenarios, this target is duplicated for each delivery group (shipment), and its value is the selected shipping option for the delivery group. > - If you are collecting information in this target, you should consider that it needs to be scoped to a specific delivery group in split shipping scenarios. Alternatively, you can move your extension to `purchase.checkout.shipping-option-list.render-before` or `purchase.checkout.shipping-option-list.render-after`, which are not duplicated for each delivery group. [View purchase.checkout.shipping-option-item.details.render](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-shipping-option-item-details-render) ## 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. > Note: > In split shipping scenarios, this target will render within a Modal when `renderMode.overlay` is true. In this case, it is recommended to avoid using components that render an overlay such as Modals. [View purchase.checkout.shipping-option-item.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-shipping-option-item-render-after) ## purchase.checkout.shipping-option-list.render-after A static extension target that is rendered after the shipping method options. [View purchase.checkout.shipping-option-list.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-shipping-option-list-render-after) ## purchase.checkout.shipping-option-list.render-before A static extension target that is rendered between the shipping method header and shipping method options. [View purchase.checkout.shipping-option-list.render-before](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-checkout-shipping-option-list-render-before) ## purchase.thank-you.block.render A [block extension target](/docs/api/checkout-ui-extensions/extension-targets-overview#block-extension-targets) that renders exclusively on the **Thank you** page. Unlike static extension targets, block extension targets render where the merchant sets them using the [checkout editor](/docs/apps/checkout/test-ui-extensions#test-the-extension-in-the-checkout-editor). The [supported locations](/docs/api/checkout-ui-extensions/extension-targets-overview#supported-locations) for block extension targets can be previewed during development by [using a URL parameter](/docs/apps/checkout/best-practices/testing-ui-extensions#block-extension-targets). [View purchase.thank-you.block.render](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-thank-you-block-render) ## 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. > Caution: > This extension target will not be rendered if the line item is a custom line item belonging to a draft order invoice. [View purchase.thank-you.cart-line-item.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-thank-you-cart-line-item-render-after) ## purchase.thank-you.cart-line-list.render-after A static extension target that is rendered after all line items on the **Thank you** page. [View purchase.thank-you.cart-line-list.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-thank-you-cart-line-list-render-after) ## 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. [View purchase.thank-you.customer-information.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-thank-you-customer-information-render-after) ## purchase.thank-you.footer.render-after A static extension target that is rendered below the footer on the **Thank you** page. > Tip: > To prevent layout shifting, avoid dynamic data fetching & rendering in this target. If you need to render dynamic content, consider reserving space for your content while it is loading. > See: [Spinner](/docs/api/checkout-ui-extensions/components/feedback/spinner), [SkeletonText](/docs/api/checkout-ui-extensions/components/feedback/skeletontext), or [BlockSpacer](/docs/api/checkout-ui-extensions/components/structure/blockspacer). [View purchase.thank-you.footer.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-thank-you-footer-render-after) ## purchase.thank-you.header.render-after A static extension target that is rendered below the header on the **Thank you** page. > Tip: > To prevent layout shifting, avoid dynamic data fetching & rendering in this target. If you need to render dynamic content, consider reserving space for your content while it is loading. > See: [Spinner](/docs/api/checkout-ui-extensions/components/feedback/spinner), [SkeletonText](/docs/api/checkout-ui-extensions/components/feedback/skeletontext), or [BlockSpacer](/docs/api/checkout-ui-extensions/components/structure/blockspacer). [View purchase.thank-you.header.render-after](/docs/api/checkout-ui-extensions/2024-10/targets/purchase-thank-you-header-render-after)