Text banner for checkout UI extension

hoannguyen02 · ‎08-15-2023

Hi team,

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

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

Thank you very much

SBD_ · ‎08-16-2023

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

SBD_ · ‎08-16-2023

Hey @hoannguyen02

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

Scott | Developer Advocate @ Shopify

hoannguyen02 · ‎08-16-2023

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_ · ‎08-16-2023

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 · ‎09-23-2023

@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 🙂

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