Change color on order status

Hello! Can anyone tell me where can I define the color tag for order status? Thanks!

in /skins/YOURSKIN/admin/styles.css, look for the order status definitions beginning at line 3619:

.order-status { /* user status, backordered */
font-weight: bold;
color: #ffffff;
padding-right: 3px;
background: #28abf6 url(images/button_mask_right.png) no-repeat 100% 0px;
display: block;
margin-right: 10px;
}
.order-o { /* open */
background-color: #[COLOR="Red"]ff9522[/COLOR];
}
.order-i { /* cancelled */
background-color: #[COLOR="red"]d2d2d2[/COLOR];
}
.order-c, .order-p { /* completed, processed */
background-color: #[COLOR="red"]97cf4d[/COLOR];
}
.order-d, .order-f { /* declined, failed */
background-color: #[COLOR="red"]ff5215[/COLOR];
}



Bob

IC. Thank you so much!

Great mod! Thank you

In order to match the order status color, I also need to edit the picture color as well like “select_list_b.gif” as well.

[quote name=‘jobosales’]in /skins/YOURSKIN/admin/styles.css, look for the order status definitions beginning at line 3619:

.order-status { /* user status, backordered */
font-weight: bold;
color: #ffffff;
padding-right: 3px;
background: #28abf6 url(images/button_mask_right.png) no-repeat 100% 0px;
display: block;
margin-right: 10px;
}
.order-o { /* open */
background-color: #[COLOR="Red"]ff9522[/COLOR];
}
.order-i { /* cancelled */
background-color: #[COLOR="red"]d2d2d2[/COLOR];
}
.order-c, .order-p { /* completed, processed */
background-color: #[COLOR="red"]97cf4d[/COLOR];
}
.order-d, .order-f { /* declined, failed */
background-color: #[COLOR="red"]ff5215[/COLOR];
}



Bob[/QUOTE]



I have done this so all statuses are different, I have trouble with “Processed and Completed” being the same.



Will work on buttons later.

.order-status { /* user status, backordered */
font-weight: bold;
color: #ffffff;
padding-right: 3px;
background: #28abf6 url(images/button_mask_right.png) no-repeat 100% 0px;
display: block;
margin-right: 10px;
}
.order-o { /* open */
background-color: #ff9522;
}
.order-i { /* cancelled */
background-color: #d2d2d2;
}
.order-c,{ /* completed */
background-color: #7E8901;
}
.order-d { /* declined */
background-color: #943415;
}
.order-f { /* failed */
background-color: #ff5215;
}
.order-p { /* processed */
background-color: #97cf4d;
}

Now the buttons may be a LITTLE trcky for me!!! LOL

Nice! I never liked that they shared colors for “Processed” and “Completed”. I think they should allow the status color to be specified in Order Statuses - especially useful if you create additional order statuses.



Bob

Nice! Thank you.

Does this actually change the background of the entire order line across the page or just the space where the status is listed in the dropdown??

It changes just the image in the order status dropdown.



Bob

Thanks, would be nice if there was a way to make the line change color also…

You could probably create a new CSS classes based on order status and assign them based to the row in /skins/YOURSKIN/admin/views/orders/manage.tpl:

{foreach from=$orders item="o"}
[B][COLOR="Red"][/COLOR][/B]



#{$o.order_id}

{include file="common_templates/select_popup.tpl" suffix="o" id=$o.order_id status=$o.status items_status=$order_status_descr update_controller="orders" notify=true notify_department=true status_rev="orders_total" extra=$extra_status}





Bob

So how would I change the square arrow button to match this new status color?

I think I figured out how to change the arrow button. It’s working right now anyway. 2 steps below.

1. I created an image named select_list_p.gif using one of CS-Cart’s buttons as a template.
   
   
   
2. I modified the admin styles.css beginning at line 2180 to look like this:
   


.status-s, .status-o-c, .status-a { /* successful, completed */
background: url(images/select_list_y.gif) no-repeat right top;
}
.status-o-p { /* processed */
background: url(images/select_list_p.gif) no-repeat right top;
}




So far so good.

[url]http://forum.cs-cart.com/showthread.php?t=16103[/url]

I changed the colors of some of the select_list icons that show up when you select orders. Here they are if anyone else wants them.

select_list.zip

sample.jpg

Does anyone have updated directions for cs cart 4.3? The directories are different it seems

In the latest versions you can change color in the status settings:

http://prntscr.com/9q0mus

Any info on where the color for the text in the order status dropdown buttons on the admin/orders page is (ver 4.3.6)?