# CSS Klasse durch Artikel-Attribut bestimmen

**URL:** <https://forum.shopware.com/t/css-klasse-durch-artikel-attribut-bestimmen/6459>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [9. März 2012 um 12:11 UTC](https://forum.shopware.com/t/css-klasse-durch-artikel-attribut-bestimmen/6459 "2012-03-09T12:11:38Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![rattatui](https://avatars.discourse-cdn.com/v4/letter/r/49beb7/32.png) [@rattatui](https://forum.shopware.com/u/rattatui)\
**Post date:** [9. März 2012 um 12:11 UTC](https://forum.shopware.com/t/css-klasse-durch-artikel-attribut-bestimmen/6459/1 "2012-03-09T12:11:38Z")

</div>

Hallo zusammen, Ich möchte eine CSS Klassenangabe (zwecks Austauschmöglichkeit im Backend) im Template durch ein Artikel-Attribut einsetzen. Durchgeführt wie im Wiki [hier](http://wiki.shopware.de/Anlegen-und-Anpassen-von-Attributen-Freitext-Feldern%5C_detail%5C_27.html) beschrieben. Also zum Beispiel sieht das ja normalerweise so aus: [code]

[/code] ersetzen durch `
` Mit der Verwendung von Artikel-Attributen habe ich normalerweise keine Probleme, aber hier will es nicht klappen. :wtf: Umsetzen wollte ich das mit der „select“ Option. In der xyz.css sind dann entsprechende Klassen(Variationen) hinterlegt. Ich habe es mit der einfachen Textfeld-Option auch probiert - ebenfalls negativ. EDIT: Firebug zeigt in beiden Fällen eine leere Klasse an: `
` Was muss an dieser Stelle anders gemacht werden? Hat Jemand einen Tipp? Grüße rattatui

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [9. März 2012 um 12:14 UTC](https://forum.shopware.com/t/css-klasse-durch-artikel-attribut-bestimmen/6459/2 "2012-03-09T12:14:17Z")

</div>

Die Frage ist ob die Attribute an dieser Stelle vorhanden sind! Am geposteten Code ist nichts auszusetzten 😉

---

<div class="post-metadata">

**Author:** ![rattatui](https://avatars.discourse-cdn.com/v4/letter/r/49beb7/32.png) [@rattatui](https://forum.shopware.com/u/rattatui)\
**Post date:** [9. März 2012 um 12:29 UTC](https://forum.shopware.com/t/css-klasse-durch-artikel-attribut-bestimmen/6459/3 "2012-03-09T12:29:56Z")

</div>

Hallo Ottscho, das wirds wohl sein. Die müsste man sich ja auch vermutlich in einer bestimmten Weise dort hinholen können - siehst du da eine Möglichkeit? Ansatzweise irgendwie so? Aber wie genau? `{foreach from=$sAbcde item=sXyz}` Grüße rattatui

---

<div class="post-metadata">

**Author:** ![taaucher](https://avatars.discourse-cdn.com/v4/letter/t/ac8455/32.png) [@taaucher](https://forum.shopware.com/u/taaucher)\
**Post date:** [9. März 2012 um 12:45 UTC](https://forum.shopware.com/t/css-klasse-durch-artikel-attribut-bestimmen/6459/4 "2012-03-09T12:45:05Z")

</div>

Auf welcher Seite willst du denn damit arbeiten? Hast du dir mit dem Firebug mal die Template Variablen, die zur Verfügung stehen, angesehen? Grüße Frank

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [9. März 2012 um 12:51 UTC](https://forum.shopware.com/t/css-klasse-durch-artikel-attribut-bestimmen/6459/5 "2012-03-09T12:51:19Z")

</div>

Genau, wir wissen leider noch nicht auf welcher Template Seite das integriert werden soll.

---

<div class="post-metadata">

**Author:** ![rattatui](https://avatars.discourse-cdn.com/v4/letter/r/49beb7/32.png) [@rattatui](https://forum.shopware.com/u/rattatui)\
**Post date:** [9. März 2012 um 13:29 UTC](https://forum.shopware.com/t/css-klasse-durch-artikel-attribut-bestimmen/6459/6 "2012-03-09T13:29:21Z")

</div>

Hallo Ottscho, Hallo Frank, Danke für eure Hilfe. ja ganz vergessen: Es ist die folgende Datei: /templates/meintemplate/frontend/blog/listing.tpl in der folgende Klasse gemeint ist (Zeile 1):

Ich habe eben gemerkt das mein FirePHP trotz aktiverter debug und Benchmark plugins mit FF 10.02 und aktualisierten FF Plugins nicht läuft - :x wieso denn das schonwieder :wtf: Muss erstmal kurz etliche links speichern und mit meinem FF 3.6 nachschauen - da sollte FirePHP funktionieren… Bitte bleibt dran. Grüße rattatui

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [9. März 2012 um 13:35 UTC](https://forum.shopware.com/t/css-klasse-durch-artikel-attribut-bestimmen/6459/7 "2012-03-09T13:35:03Z")

</div>

Da werden doch noch gar keine Blog-Artikel integriert. Daher ist auch die Variabel leer. Das listing.tpl ist ja nur das Grundgerüst. Die Blog Artikel werden erst weiter unten verwendet: ` {foreach from=$sArticles item=article key=key name="counter"} {include file="frontend/blog/box.tpl" sArticle=$article key=$key} {/foreach} ` Dementsprechend kannst auch nur innerhalb der Schleife auf die Attribute zugegriffen werden 😉

---

<div class="post-metadata">

**Author:** ![rattatui](https://avatars.discourse-cdn.com/v4/letter/r/49beb7/32.png) [@rattatui](https://forum.shopware.com/u/rattatui)\
**Post date:** [9. März 2012 um 13:58 UTC](https://forum.shopware.com/t/css-klasse-durch-artikel-attribut-bestimmen/6459/8 "2012-03-09T13:58:41Z")

</div>

Hallo Ottscho, also die klasse wird ja im Firebug angezeigt, wenn man auf einer Blog-Kategorieseite ist, also in der Übersicht sozusagen (z.B. Kategorie 3 NEWS). Ändere ich im CSS diese Klasse, passiert das was ich optisch erreichen will. Und diese Klasse befindet ich ja in der entsprechenden listing.tpl Von daher dachte ich es sei richtig - wie Du richtig sagst, ist die Schleife weiter unten - muss dort jetzt eine Klassen-Abfrage rein? Geht das überhaupt? Mit `value=$sArticle.attr11` oder so ähnlich? Grüße rattatui

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [9. März 2012 um 14:23 UTC](https://forum.shopware.com/t/css-klasse-durch-artikel-attribut-bestimmen/6459/9 "2012-03-09T14:23:20Z")

</div>

[quote=„rattatui“]Hallo Ottscho, also die klasse wird ja im Firebug angezeigt, wenn man auf einer Blog-Kategorieseite ist, also in der Übersicht sozusagen (z.B. Kategorie 3 NEWS). Ändere ich im CSS diese Klasse, passiert das was ich optisch erreichen will. Und diese Klasse befindet ich ja in der entsprechenden listing.tpl Von daher dachte ich es sei richtig - wie Du richtig sagst, ist die Schleife weiter unten - muss dort jetzt eine Klassen-Abfrage rein? Geht das überhaupt? Mit `value=$sArticle.attr11` oder so ähnlich? Grüße rattatui[/quote] Ich versteh es nicht ganz. Der Aufbau ist ja so Erst das Hauptdiv div class=„listing-blog“, und dieses beinhaltet die Schleife welche jeweils für jeden Blogartikel das Template frontend/blog/box.tpl aufruft. Innerhalb diesem Template sind dann die Artikel Variabeln verfügbar.

---

<div class="post-metadata">

**Author:** ![rattatui](https://avatars.discourse-cdn.com/v4/letter/r/49beb7/32.png) [@rattatui](https://forum.shopware.com/u/rattatui)\
**Post date:** [9. März 2012 um 15:45 UTC](https://forum.shopware.com/t/css-klasse-durch-artikel-attribut-bestimmen/6459/10 "2012-03-09T15:45:13Z")

</div>

Hallo Ottscho, vielen Dank - jetzt ist der Groschen gefallen - war einfach nur die falsche Stelle :happy: Jetzt geht das wie gewünscht und ohne „Verrenkungen“ beste Grüße rattatui
