What's your biggest current challenge? Have your say in Community Polls along the right column.
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

Display multiple apps in checkout editor

Solved

Display multiple apps in checkout editor

Turbofan1178
Shopify Partner
57 4 12

I'm just getting started with developing checkout extensions and I noticed some apps that display multiple apps in the checkout editor for example, one app for delivery date and another for checkout upsell (in the image, delivery date and VAT id field show up from the same app developer). 

I'm wondering how I can do this in React. Is there a way I can setup the rendering to accomplish this.

I've attached an image to illustrate what I'm referring to.Screenshot 2023-06-14 at 02.29.59.png

Founder, WC: Invite To WhatsApp Channel
- Invite customers to join your WhatsApp channel with a single click
- Boost outreach message open rates
- Grow sales with direct outreach on WhatsApp channels
Accepted Solution (1)
Turbofan1178
Shopify Partner
57 4 12

This is an accepted solution.

Thanks @Liam for replying to my post. I actually figured it out, I realised the extensions folder could contain multiple extensions so generating a new extension with 

npm run shopify app generate extension -- --type checkout_ui --name=my-checkout-ui-extension

and enabling it in the partners dashboard did the trick.

Founder, WC: Invite To WhatsApp Channel
- Invite customers to join your WhatsApp channel with a single click
- Boost outreach message open rates
- Grow sales with direct outreach on WhatsApp channels

View solution in original post

Replies 3 (3)

Liam
Community Manager
3108 344 895

Hi Turbofan1178,

 

It's possible these apps are displayed in the theme editor based on personalisation. Just to confirm, these are not apps which are currently installed, correct?

 

Liam | Developer Advocate @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog

Turbofan1178
Shopify Partner
57 4 12

This is an accepted solution.

Thanks @Liam for replying to my post. I actually figured it out, I realised the extensions folder could contain multiple extensions so generating a new extension with 

npm run shopify app generate extension -- --type checkout_ui --name=my-checkout-ui-extension

and enabling it in the partners dashboard did the trick.

Founder, WC: Invite To WhatsApp Channel
- Invite customers to join your WhatsApp channel with a single click
- Boost outreach message open rates
- Grow sales with direct outreach on WhatsApp channels
Liam
Community Manager
3108 344 895

Great to see you figured it out - nice work!

Liam | Developer Advocate @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit Shopify.dev or the Shopify Web Design and Development Blog