Checkout UI Extension Questions

Extensions
,
1

Hi everyone,

I’m trying to customize the Shopify checkout using Checkout UI Extensions and have two questions:

  1. I want to add some text directly under the Contact heading. I tried using purchase.checkout.contact.render-after, but it renders the text below the email marketing checkbox instead. Is there any target that allows adding content right below the Contact heading?

  2. Is it possible to style or access the existing checkout page elements using Checkout UI Extensions, or can I only style the components rendered by the extension?

Thanks!

2

Hi, the available targets can be found here. In regards to styling, you can make use of the props available on the components you use. To style anything else (and within Shopify’s limitations), you can use the Branding API.