Jump to content
Sign in to follow this  

How to change colors of order status? - Payment Received, Order Shipped

Recommended Posts

Well the bots have been afraid to come near my cubecart store ever since I installed the google Captcha..  no more spam emails from my shop since then..

I had a sale over July 4th, so have some orders to process and have a question how I can change color codes on the order status. I had previously modified the Cart:Order Complete email template so after I received a check or money order payment, I could go to the order and change the status to Order Complete, and would send the customer an email from Order Complete template but I modified it to say Thanks for your payment! will hold the check 2 weeks for clearance and then ship the order out!

That works great and when the customer checks his order online, it says Payment Received in green. I also modified the language english file in order state so it would read correctly.

I received some orders and the two weeks is about up, and I'm getting ready to ship them out. When they ship out I'd like to notify the customer. I decided to try modifying another email template, Failed Fraud Review, and edit it so it reads Your order has shipped! and it actually works well, changing the status from Order Complete/now Payment Received to FFR/now Order Shipped sends the customer another email that his order has shipped. I can't figure out how to insert the tracking number in that email but that's not a problem because if he goes to his order online it will be there, next to the date of shipment.

The only problem is the colors, the Order Complete status is now in red. I would prefer to have it in green. And the payment received is in green which is okay, but I think orange would be a better color until the 2 weeks is over, then will become a green Order Shipped.

Does anyone know how I can change these colors?


payment received in green.jpg

order shipped in red.jpg

orders list.jpg

Share this post

Link to post
Share on other sites

In the admin skin file /styles/layout.css, near the bottom, find:

.order_status_1 {
.order_status_2 {
.order_status_3 {
.order_status_4,.order_status_5,.order_status_6 {

status_1 is Pending, 2 is Processing, 3 is Complete, 4 is Declined, 5 is Failed/Fraud, and 6 is Cancelled.

For the storefront, find the Foundation skin file /css/cubecart.common.css.

Be aware that an order status affects how CubeCart treats an order. For a couple of examples, only status 2 and 3 contribute toward sales reporting, and enables digital product downloads.

Share this post

Link to post
Share on other sites

Thanks for the information on these colors.

I moved the status 5 to green and now Payment Received and Order Shipped are green in front end and Admin.

That works for me!


move status5 to green.jpg

list orders.jpg

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Create New...