Bootstrap-Plug-in für Bewertungssterne

Bootstrap Star Rating
Kommentare

Viele Websites bieten die Möglichkeit, Bewertungen des Contents abzugeben. Die Bewertungssterne lassen sich zum Beispiel mit Bootstrap Star Rating erstellen – einem jQuery-Plug-in für Bootstrap, mit

Viele Websites bieten die Möglichkeit, Bewertungen des Contents abzugeben. Die Bewertungssterne lassen sich zum Beispiel mit Bootstrap Star Rating erstellen – einem jQuery-Plug-in für Bootstrap, mit dem auch zum Beispiel teilweise gefüllte Sterne oder individuelle Anpassungen umgesetzt werden können. Zudem können die Bewertungssterne mit CSS3 bearbeitet und durch andere Icons ersetzt werden.

Bewertungen mit Bootstrap Star Rating gestalten

Das Bootstrap-Star-Rating-Plug-in bietet Nutzern zahlreiche einfache Möglichkeiten, Bewertungen in die eigene Website zu implementieren. So können nicht nur vollständige Bewertungen abgegeben werden, auch Bruchteil-Bewertungen sind möglich. Genauso kann die Anzahl und Größe der Bewertungssterne geändert oder ihnen ein anderes Aussehen verpasst werden.

Das Bootstrap-Star-Rating-Plug-in unterstützt zudem Right-to-Left-Input. Auch können eigene Titel und Titel-Klassen für jede Bewertung definiert und weitere individuelle Anpassungen vorgenommen werden. Eine vollständige Übersicht über alle unterstützten Optionen und Methoden findet sich in der Dokumentation des Bootstrap-Star-Rating-Plug-ins.

Voraussetzungen und Installation

Um Bootstrap Star Rating nutzen zu können, benötigt man das aktuellste jQuery sowie einen Browser, der CSS3, HTML5-Inputs und jQuery unterstützt. Für Internet Explorer ist daher mindestens IE9 nötig, um die Bewertungen rendern zu können. Zudem wird Bootstrap 3.x automatisch genutzt, allerdings ist die Nutzung optional.

Die Installation des Plug-ins geschieht am einfachsten über den Bower Package Manager oder über Composer; es kann aber auch manuell heruntergeladen werden. Anschließend werden die entsprechenden Assets geladen und das Plug-in auf der Website initialisiert.

Die Nutzung von Bootstrap Star Rating ist also sehr einfach, bietet aber ein nützliches Feature um Bewertungsmöglichkeiten in die eigene Website einzubinden.

Aufmacherbild: hand giving a five star rating von Shutterstock / Urheberrecht: fotogestoeber

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -