Text banner for checkout UI extension

Solved

Text banner for checkout UI extension

hoannguyen02
Shopify Partner
23 2 2

Hi team,

 

Can anyone help to make a text banner like these below:

hoannguyen02_0-1692148298459.png

 

At the moment with Banner or Text component we cannot make it? could you help with any ideas or solution?

 

Thank you very much

Accepted Solution (1)
SBD_
Shopify Staff
1829 271 413

This is an accepted solution.

Ah got you! All Checkout UI components inherit a merchant's brand settings and the CSS cannot be altered or overridden. More here.

Scott | Developer Advocate @ Shopify 

View solution in original post

Replies 4 (4)

SBD_
Shopify Staff
1829 271 413

Hey @hoannguyen02 

 

That looks like it could be a checkout.liquid customization.

Scott | Developer Advocate @ Shopify 

hoannguyen02
Shopify Partner
23 2 2

hi @SBD_ , yes that UI we built with checkout.liquid, but now we have to convert  to checkout UI extension using Polaris component. Any solution to make it? Thank you

SBD_
Shopify Staff
1829 271 413

This is an accepted solution.

Ah got you! All Checkout UI components inherit a merchant's brand settings and the CSS cannot be altered or overridden. More here.

Scott | Developer Advocate @ Shopify 

Myles-Checkout
Shopify Partner
1 0 0

@hoannguyen02 I just launched an app called Custom Checkout Extensions that lets you do custom images/text, trust badges, upsells, testimonials, and more at checkout. I think this could help you a lot.

 

Here is the link: https://apps.shopify.com/custom-checkout-extensions

 

Please let me know if you have questions. I'd be happy to answer them 🙂

 

Untitled (1000 × 800 px).jpg

Please let me know if this helped by giving it a Like or marking it as a Solution
Myles Marcus | Founder @ Custom Checkout Extensions
Customize your checkout page with custom images/text, upsells, testimonials, trust badges, & more!
Free 30 Day Trial