Change the background color on fixed delivery orders

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

Find the shipping method class

Each shipping method is automatically given 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 code" / "Inspect Element".

Add CSS

Go to Settings → Customize Shoporama admin 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; }

Do you need help? Contact us at support@shoporama.dk.