06.04.2010 09:03 (152 Tag(e) alt) TYPO3 Bewertungssystem - Ratings Tutorial
von Björn Blaschke
Das Ratings Typo3 Tutorial - Installation des Bewertungssystems


Ich habe mich heute dazu entschlossen, euch die klasse Extension "Öffnet externen Link in neuem FensterRatings" von netcreators.com vorzustellen. Das Beste an der Extension ist, dass Sie super einfach integriert werden kann und schon mehrere Styles von Haus aus mitbringt. So kann man einfach und schnell ein schickes, auf Ajax basierendes Bewertungssystem auf seiner Seite integrieren.

TYPO3 CMS - Repository Ratings Extension

1.Öffnet externen Link in neuem FensterDownload der Extension und danach wie gewohnt über den Extension-Manager installieren

TYPO3 CMS - Static Template Ratings Extension

2. Einbinden der Extension in euer Root-Template

TYPO3 CMS - Seiteninhalt Plugin Ratings Extension

3. Zum Einfügen der Extension auf der Website einfach auf die Seite gehen, auf welcher die Bewertungen abgegeben werden sollen und als Seitenelement des Typs "Plugin" anlegen.

3.1. Wollt ihr eure News bewerten, geht es sogar noch einfacher. Fügt dazu in den Bereich ###TEMPLATE_SINGLE### den Marker ###TX_RATINGS### an die gewünschte Position in eurem tt_news-Template ein.

TYPO3 CMS - Konfiguration TypoScript Ratings Extension

4. Nun konfigurieren wir die Extension nach unseren Wünschen. Fügt dazu in euer Root-Template (oder als Extension Template [Erweiterungs-Template] auf der entsprechenden Seite) folgendes Typo Script ein.

# UID der Seite, in welcher alle Votes gespeichert werden
plugin.tx_ratings_pi1.storagePid = 0
# CSS-Einstellung für die Breite eines Sterns (abhängig von der verwendeten CSS-Datei)
plugin.tx_ratings_pi1.ratingImageWidth = 11
# Option zur Einstellung des Anzeigetyps (Mit Wähloption = auto, Nur Anzeigen = static)
plugin.tx_ratings_pi1.mode = auto
# Ein- und Ausschalten der IP-Prüfung
plugin.tx_ratings_pi1.disableIpCheck = 0
# das verwendete HTML-Template
plugin.tx_ratings_pi1.templateFile = EXT:ratings/res/ratings.html
# eine alternative CSS-Datei verwenden
plugin.tx_ratings_pi1.additionalCSS =

Ratings bring von Haus aus mehrere CSS-Layouts mit. Dazu einfach bei dem oben gezeigeten TypoScript unter additionalCSS einen der folgenden Werte eingeben und bei ratingImageWidth die dahinter stehende Breitenangabe:

  • EXT:ratings/res/yvoschaap.css    -    25
  • EXT:ratings/res/komodeomedia.css    -    30
  • EXT:ratings/res/masugadesign.css    -    30

 

So ich hoffe ich konnte dem Einen oder Anderen helfen auf seiner Seite diese nette Feedback-Erweiterung einzubinden. Falls noch jemand Fragen haben sollte, möge er sich nicht scheuen mir eine Nachricht zukommen zu lassen :-)


Bis dahin erst einmal
Björn

 

Übermittlung Ihrer Stimme...
Bewertungen: 4.4 von 5. 16 Stimme(n).