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.

Can't modify color of message on Checkout

Solved

Can't modify color of message on Checkout

IhorVyshniakov
Shopify Partner
6 1 0

I have a question about Checkout Branding API.
Due to the fact that in the Checkout editor I have no way to change it, I use Checkout Branding API.
I want to change color of this message.

iScreen Shoter - Google Chrome - 240419184910.jpg


What I've done:
1. installed Shopify GraphiQL App to my store
due to this instruction
https://shopify.dev/docs/apps/tools/graphiql-admin-api
and via this link
https://shopify-graphiql-app.shopifycloud.com/login
2. added checkout_branding_settings(write + read) Admin API access scopes.

iScreen Shoter - Google Chrome - 240419185705.jpg

3. Then I find out with this query needed checkoutProfileId

iScreen Shoter - Google Chrome - 240419185917.jpg

4. Via mutation checkoutBrandingUpsert I found only this key that changed color of this message.
https://shopify.dev/docs/api/admin-graphql/2024-04/mutations/checkoutBrandingUpsert

5. This color change has been applied to Checkout. But the problem is that it changed other text pieces on the page too.

iScreen Shoter - Google Chrome - 240419190647.jpg



After researching couple of hours your Branding API, I didn't find any solution for this.
How I can change ONLY the color of this message? 🧐

Accepted Solution (1)

IhorVyshniakov
Shopify Partner
6 1 0

This is an accepted solution.

I've got an official answer from Shoppify Plus Partners support.
For now I can't change the color of this specific text. It can be changed only via group of texts.

It's limitation of current Checkout Branding API.
API version - 2024-04

iScreen Shoter - 20240510104604191.jpg

 

View solution in original post

Replies 2 (2)

IhorVyshniakov
Shopify Partner
6 1 0

I'm sorry I missed on the 4th step this screenshot
the only field that allow me change this message is 
checkoutBranding.designSystem.colors.schemes.scheme1.base.text

but it change other text too, I don't need this

iScreen Shoter - Google Chrome - 240419190439.jpg

IhorVyshniakov
Shopify Partner
6 1 0

This is an accepted solution.

I've got an official answer from Shoppify Plus Partners support.
For now I can't change the color of this specific text. It can be changed only via group of texts.

It's limitation of current Checkout Branding API.
API version - 2024-04

iScreen Shoter - 20240510104604191.jpg