# CSS für bestimmte Shopseite **URL:** \ **Category:** Themes & Design\ **Created:** [10. September 2015 um 09:21 UTC](https://forum.shopware.com/t/css-fur-bestimmte-shopseite/30373 "2015-09-10T09:21:13Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![selle](https://avatars.discourse-cdn.com/v4/letter/s/a87d85/32.png) [@selle](https://forum.shopware.com/u/selle)\ **Post date:** [10. September 2015 um 09:21 UTC](https://forum.shopware.com/t/css-fur-bestimmte-shopseite/30373/1 "2015-09-10T09:21:13Z")
Hallo, wie der Titel schon vermuten lässt möchte ich gerne eine eigene CSS für eine bestimmte Shopseite generieren. Dabei stellen sich für mich 2 Fragen: [list] Zum einen muss das System ja erkennen, für welche Seite (ID) beispielsweise eine Klasse gelten soll. [/list] [list] Zum anderen muss das irgendwie in die bestehende CSS eingebunden werden, wobei das vermutlich in die eigene Theme CSS geschieht. [/list] Jemand eine Idee wie das am einfachsten umsetzbar ist? ---
**Author:** ![t2oh4e](https://avatars.discourse-cdn.com/v4/letter/t/a5b964/32.png) [@t2oh4e](https://forum.shopware.com/u/t2oh4e)\ **Post date:** [10. September 2015 um 09:52 UTC](https://forum.shopware.com/t/css-fur-bestimmte-shopseite/30373/2 "2015-09-10T09:52:22Z")
CSS im eigenen Theme wie du schon richtig erkannt hast. Zur Identifizierung der Seite musst du dein Template anpassen. Entweder in frontend/custom/index.tpl oder, falls du die Identifizierung schon weiter oben brauchst in frontend/index/index.tpl Da könntest du dann z.B. die ID der Seite als Klasse ausgeben und dich im CSS darauf beziehen. Die Variable müsste {$sCustomPage.id} sein. Falls du index/index.tpl anpasst solltest du zusätzlich noch prüfen ob du im richtigen Controller bist, dafür gibt es auch eine Variable im Template. ---
**Author:** ![selle](https://avatars.discourse-cdn.com/v4/letter/s/a87d85/32.png) [@selle](https://forum.shopware.com/u/selle)\ **Post date:** [10. September 2015 um 10:05 UTC](https://forum.shopware.com/t/css-fur-bestimmte-shopseite/30373/3 "2015-09-10T10:05:09Z")
[quote=„t2oh4e“]CSS im eigenen Theme wie du schon richtig erkannt hast. Zur Identifizierung der Seite musst du dein Template anpassen. Entweder in frontend/custom/index.tpl oder, falls du die Identifizierung schon weiter oben brauchst in frontend/index/index.tpl Da könntest du dann z.B. die ID der Seite als Klasse ausgeben und dich im CSS darauf beziehen. Die Variable müsste {$sCustomPage.id} sein. Falls du index/index.tpl anpasst solltest du zusätzlich noch prüfen ob du im richtigen Controller bist, dafür gibt es auch eine Variable im Template.[/quote] Da ich erst seit einer Woche mit SW arbeite, ist das alles ein wenig schwer für mich… ---
**Author:** ![t2oh4e](https://avatars.discourse-cdn.com/v4/letter/t/a5b964/32.png) [@t2oh4e](https://forum.shopware.com/u/t2oh4e)\ **Post date:** [10. September 2015 um 10:14 UTC](https://forum.shopware.com/t/css-fur-bestimmte-shopseite/30373/4 "2015-09-10T10:14:29Z")
Dann solltest du dir hier die Guides durchlesen: [https://developers.shopware.com/designers-guide/](https://developers.shopware.com/designers-guide/) Kurze Übersicht was du brauchst: - Eigenes Theme erstellen, abgeleitet vom Responsive Theme - Die Dateien die ich im vorherigen Post geschrieben anlegen und dadurch die originaldatein erweitern - Den richtigen Block in der Originaldatei identifizieren und in deinem Theme über schreiben - Eigene Less-Datei anlegen und dort dein CSS reinschreiben Wie das genau geht steht in diesem Guide: [https://developers.shopware.com/designe … g-started/](https://developers.shopware.com/designers-guide/getting-started/) Weitere Informationen zu Smarty, Less usw findest du in den anderen Guides. Wenn du irgendwo nicht weiter kommst kannst du gerne nochmal nachfragen.