Filter Farben: Select Menü als Farbe ausgeben -> css zuweisen

[Ripperz]

Moin,
ich habe bei mir ein select menü als Atribut für Farben.
Nun würde ich gerne jeder checkbox einer css klasse zuweisen damit ich im frontend die Farbe auch farblich als Punkt ausgeben kann.
Das Problem ist das derzeit jede Klasse gleich heißt.

<span itemprop="name">rot<i class="result_count">(4)</i></span>

Weiß einer wie ich das lösen kann?

[3dr]

Kommst du damit vielleicht weiter? https://developer.mozilla.org/en-US/...S/:nth-of-type

[Ripperz]

Moin
Die Umsetzung klappt leider nicht.
Es scheitert daran das dann alle Filter diese Einstellung übernehmen.

Kann man irgendwie eine css klasse dynamisch machen oder automatisch fortlaufen lassen?

[3dr]

Einem Filter kann man eine individuelle CSS-Id und/oder -Klasse zuweisen, hilft dir das vielleicht weiter?

[Ripperz]

Ja einem Filter kann man eine css zuweisen.
Aber der cumulativfilter besteht aus vielen filtern. Sagen wir mal 5 filter. Dann hat der ganze filter eine css klasse und die die einzelnen listen heißen trotzdem dann immer gleich.

Zb. Das ganze modul heißt dann css: .filtermodul und die liste heißt nur

ul li level1
ul li level2

Und alle 5 filter sind dann immer gleich aufgebaut.
Optimal wäre wenn jeder einzelne filter seine eigene css hätte. Das kann man im template sicht einfach kontrollieren bzw. Im modul.

Cool wäre es wenn man im Attribut im optionsmanager wo man die filter felder anlegt auch jeweils eine css zuweisen könnte.

[zonky]

Optimal wäre wenn jeder einzelne filter seine eigene css hätte. Das kann man im template sicht einfach kontrollieren bzw.

Kann man nicht für den Filter ein eigenes Template auswählen und die ganze Sache per Inline-CSS abfrühstücken?

[Ripperz]

Moin,
so sieht mein Template aus.
Und jeder Filter innerhalb dieses Modules bekommt dann automatisch die gleiche Struktur.
Wenn ich jetzt für das Frontend filter anlege z.b. Farbe, Größe, Hersteller bekommt jeder die gleiche Struktur und die gleichen css klassen die unten angelegt sind.

<nav class="<?php echo $this->class; ?> filter_cumulativ block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?>

<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>

<ul class="level_1">
<?php foreach ($this->filters as $item): ?>

<div class="accordeon_box">
  <h3 class="accordeon-headline"><?php echo $item['label']; ?></a></h3>
  <div class="accordeon-inhalt">
      
      
<?php echo $item['subitems']; ?>
  </div>
</div>



<?php endforeach; ?>
</ul>
<?php if($this->showClear): ?>

<p class="clearall"><a href="<?php echo $this->linkClearAll; ?>"><?php echo $this->labelClearAll; ?></a></p>
<?php endif; ?>

</nav>

[Ripperz]

Hallo
Noch jemand einen Tipp?

[nessbess]

Hallo, vielleicht bist du schon weiter, aber ich habe es für mich über den Umweg des Attribute-Selektors gelöst, mit dem ich das title-Attribut anspreche, zum Beispiel a[title="Blau"]. Nicht so zufriedenstellend und flexibel, aber für meine Zwecke ausreichend.