Change the background color on fixed delivery orders

In Shoporama's order overview, you can assign a specific background color to orders with a particular shipping method. This makes it easy to distinguish, for example, pickup orders from shipping orders.

Find the shipping method’s class

Each shipping method is automatically assigned a CSS class in the HTML based on its name. For example:

• "Pickup" → pickup
• "Post Nord" → post_nord
• "GLS Pakkeshop" → gls_pakkeshop

You can find the exact class by right-clicking on an order in the browser and selecting "View Source" / "Inspect Element."

Add CSS

Go to Account → Company → Admin Appearance and add CSS. Example that gives pickup orders a green background:

tr.pickup td {
  background-color: #d4edda !important;
}

You can use any CSS color. More examples:

/* Green for pickup */
tr.pickup td { background-color: #d4edda !important; }

/* Blue for Post Nord */
tr.post_nord td { background-color: #cce5ff !important; }

/* Yellow for GLS */
tr.gls_pakkeshop td { background-color: #fff3cd !important; }

Need help? Contact us at support@shoporama.dk.