One-Page Checkout - Cart Icon (Top Right Banner)

[George_Greenhil]

On the new one-page checkout - how do you change the little cart icon that's been added in the top right corner of the banner (attached) without changing the checkout accent colour which we need to be blue?

[NanoDan]

Hi George,

I also want to change this new cart icon. Did you find a solution?

I know where to change the icon that appears in the rest of the store but am having trouble finding where that one-page checkout cart icon is located.

[George_Greenhil]

Hey @NanoDan 

No - we havent found any solution - let me know if you find anything that works!

[NanoDan]

Ok. I have left a question with Shopify Support. I'll let you know if they give me the info I asked for.

[NanoDan]

Here's what Shopify support said:

Regarding the cart icon, as our checkout page a secured page because this is where the payment from the customers occurs which means that this isn't editable that's why when you've changed the other parts of your store the checkout page isn't affected due to the security feature of the page.

I think this is just what they're 'supposed' to say to discourage merchants from fiddling with the checkout. I'm going to keep searching for the location of that SVG so I can change it.

[George_Greenhil]

@NanoDan Yeah, agreed - let me know if you get anywhere 🙂

[TestBinary]

You can change cart icon using shopify branding API

[ChloeStella]

Hi @George_Greenhil & @NanoDan , 

I'm having the same problem as I changed the cart in the rest of the store, but can't seem to find where to change it on the checkout page. I wanted to see if you ever found out where that would be/how to do it? Thanks!!

[NanoDan]

Hi Chloe

I did get some more information. It is only possible to change that cart icon if you are using Shopify PLUS ($$$) and an app from the App store that lets you customise the checkout.

[ChloeStella]

Of course lol. Thank you so much for your reply!

[trufflemfl]

so one thing that has worked for me is to make the "accent color" the same as the color of your background or banner so that it fades into the background of the header. You lose the ability to go back to the cart from a visible button, but people tend to use their back button anyways, and at least you don't have that weird off brand cart in there.

[JohnWF]

Ditto, haven't found any answers in the checkout branding API either.