Catalog Manager - Erweitern um CSS-Klassen für Selectfeld

In einem Bewertungsformular des Catalog Managers, soll einem Selectfeld eine jeweils individuelle CSS-Klasse zugewiesen werden. Bei der Formulareingabe wählt man dann z.B. wie viele Sterne man vergeben möchte und je nach Ausgabe wir die passende CSS-Klasse zugeteilt.

In der Listenausgabe kann man dann diese Klassen dann nutzen um die Ausgabe der Bewertungen zu ermöglichen z.B. durch das laden einer entspechenden Grafik.

Um dies zu realisieren eine Templatekopie anlegen von: ctlg_view_teaser.html5

Achtung: Einen anderen Name für dieses Template zu vergeben hat bei mir nicht geklappt, daher habe ich den Namen beibehalten.

Im Template statt:

<div class="ctlg_entity_value"><?= $this->{$strName}; ?></div>

dann

<div class="ctlg_entity_value <?= $this->{$strName}; ?>"><?= $this->{$strName}; ?></div>

Damit bekommt man eine CSS-Klasse im Feld dazu, die der Auswahl innerhalb des Feldes entspricht.

So kann eine recht einfach Bewertungsfunktion realisiert werden.

Zurück

Kein Erfolg mit den hier beschriebenen Contao-Lösungen? Klappt es nicht mit dem gewünschten Contao-Update oder dem Umzug auf einen neuen Hostingserver?

Wenn die Frustration zu groß wird, einfach bei mir melden:
info@liquid-artwork.de - Ansprechpartner: Lars Scheumann
oder per Telefon: 07223 / 91 59 372

Fragen Sie den Contao Spezialisten
Manchmal ist es besser solche umfangreichen Aufgaben dem Profi zu überlassen, der schneller und sorgfältiger damit umgehen kann. Kostet seinen Preis, aber lohnt sich schnell, bevor man sich tagelang damit herum ärgert. LIQUID-ARTWORK betreut auch Kunden die ihre Webseite selbst erstellt haben, oder durch Dritte erstellt wurden. Kurze Anfrage bei mir und nach einer ersten Prüfung kann ich meist einen groben Preis nennen. Die Anfrage bei mir als alleine kostet dabei nichts!

Contao Spezialist - Contao Problemlösungen

Viele weitere, ähnliche und hoffentlich hilfreiche Beiträge findet Ihr im kompletten Contao-Helpdesk das ständig erweitert wird.

Zum Contao-Helpdesk...