# Vergangene Checkoutsteps farblich kennzeichnen **URL:** \ **Category:** Plugins\ **Created:** [20. Dezember 2019 um 10:30 UTC](https://forum.shopware.com/t/vergangene-checkoutsteps-farblich-kennzeichnen/63652 "2019-12-20T10:30:26Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![Newface](https://avatars.discourse-cdn.com/v4/letter/n/6a8cbe/32.png) [@Newface](https://forum.shopware.com/u/Newface)\ **Post date:** [20. Dezember 2019 um 10:30 UTC](https://forum.shopware.com/t/vergangene-checkoutsteps-farblich-kennzeichnen/63652/1 "2019-12-20T10:30:26Z")
Hallo, ist es möglich die vergangenen Checkoutsteps farblich zu kennzeichnen? Also so, dass man sieht, dass diese erledigt sind? ---
**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\ **Post date:** [20. Dezember 2019 um 10:42 UTC](https://forum.shopware.com/t/vergangene-checkoutsteps-farblich-kennzeichnen/63652/2 "2019-12-20T10:42:26Z")
Hallo, warum sollte das nicht gehen, sind Sie derzeit im Standard von Shopware doch auch schon (der jeweilige aktive Step ist orange, der nächste noch schwarz/grau). Ist im Prinzip nur eine simple CSS- / LESS-Anpassung im eigenen Theme: [Getting started with Shopware templating](https://developers.shopware.com/designers-guide/getting-started/#add-less-files) . Grüße Sebastian ---
**Author:** ![Newface](https://avatars.discourse-cdn.com/v4/letter/n/6a8cbe/32.png) [@Newface](https://forum.shopware.com/u/Newface)\ **Post date:** [20. Dezember 2019 um 10:47 UTC](https://forum.shopware.com/t/vergangene-checkoutsteps-farblich-kennzeichnen/63652/3 "2019-12-20T10:47:04Z")
Nein, ich möchte explizit die vergangenen Steps farblich kennzeichnen. Also praktisch die, die erledigt (mit Daten versehen) wurden. Das geht erst wenn jeder Step eine Css-Klasse nach dem bearbeiten erhält, dass diese erledigt sind. ---
**Author:** ![sschreier](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/sschreier/32/23296_2.png) [@sschreier](https://forum.shopware.com/u/sschreier)\ **Post date:** [20. Dezember 2019 um 10:52 UTC](https://forum.shopware.com/t/vergangene-checkoutsteps-farblich-kennzeichnen/63652/4 "2019-12-20T10:52:56Z")
Hallo, also wenn dir die derzeitig vorhandenen CSS - Klassen für dein Styling bei den 3 Steps nicht ausreichen, dann ergänze dir doch einfach weitere individuelle CSS - Klassen, also hier [shopware/steps.tpl at 5.6 · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/5.6/themes/Frontend/Bare/frontend/register/steps.tpl#L9) , hier [shopware/steps.tpl at 5.6 · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/5.6/themes/Frontend/Bare/frontend/register/steps.tpl#L24) und hier [shopware/steps.tpl at 5.6 · shopware/shopware · GitHub](https://github.com/shopware/shopware/blob/5.6/themes/Frontend/Bare/frontend/register/steps.tpl#L39) in deinem **eigenen** Theme. Andernfalls könnte man das auch einfach anhand der Controller- und Action-CSS-Klasse stylen, ohne tpl - Anpassung, da würden auch die jetzigen CSS - Klassen der Steps ausreichen. Grüße Sebastian ---
**Author:** ![Newface](https://avatars.discourse-cdn.com/v4/letter/n/6a8cbe/32.png) [@Newface](https://forum.shopware.com/u/Newface)\ **Post date:** [7. Januar 2020 um 13:49 UTC](https://forum.shopware.com/t/vergangene-checkoutsteps-farblich-kennzeichnen/63652/5 "2020-01-07T13:49:32Z")
Wir reden noch etwas aneinander vorbei 🙂 Ich möchte nicht abfragen, welcher Schritt „is–active“ ist, sondern ob der Schritt „is–finished“ ist. Hierzu brauche ich eine extra Klasse im Template. So kann ich farblich Kennzeichnen welche Schritte schon erledigt sind. Also z.b. der Checkout besteht aus 5 Schritten. Der Kunde ist gerade bei Schritt 3. Alle vorhergehenden Schritte sind demnach grün (also Schritt 1-2).