eKomi Produktbewertung

<ExternalProductRating>
   <Ekomi>
      Template = incl_prodrating_ekomi.htm

      <AdvancedProductRatingImages>
         <+Entry>
            From-Value = 0.0
            To-Value   = 1.0
            Image      = bewertung_1.png
         </+Entry>
         <+Entry>
            From-Value = 1.0
            To-Value   = 2.0
            Image      = bewertung_2.png
         </+Entry>
         <+Entry>
            From-Value = 2.0
            To-Value   = 3.0
            Image      = bewertung_3.png
         </+Entry>
         <+Entry>
            From-Value = 3.0
            To-Value   = 4.0
            Image      = bewertung_4.png
         </+Entry>
         <+Entry>
            From-Value = 4.0
            To-Value   = 5.1
            Image      = bewertung_5.png
         </+Entry>
      </AdvancedProductRatingImages>
   </Ekomi>
</ExternalProductRating>

.rating_ekomi_graphic_line {
   margin-bottom: 2px;
}

.rating_ekomi_graphic_line a {
   margin-right: 5px;
   text-decoration: none;
}

.rating_ekomi_graphic_line a:hover {
   text-decoration: underline;
   cursor: pointer;
}

.rating_ekomi_graphic_line_complete {
   margin-right: 5px;
   background: #f4f4f4;
   border: 1px solid #ddd;
   display: inline-block;
   vertical-align: middle;
   width: 180px;
   height: 18px;
   position: relative;
}

.rating_ekomi_graphic_line_complete a {
   font-size: 11px;
}

.rating_ekomi_graphic_line_filler {
   background: #ffc757;
   height: 100%;
}

.rating_ekomi_graphic_line_0 a,
.rating_ekomi_graphic_line_0 a:hover {
   color: #999;
   text-decoration: none !important;
   cursor: default;
}

.rating_ekomi_graphic_score {
   color: #666;
   position: absolute;
   right: 10px;
   top: 3px;
}

<body>
   ...
   {PR-Data}
      ...
      ~WS-Module(rating_ekomi)~
      ...
   {/PR-Data}
   ...
</body>

<head>
   ...
   <script type="text/javascript" src="/$WS/ws_sysdata/js/ws-system-1.8.3.js"></script>
   <script type="text/javascript" src="../IHR_VERZEICHNIS/ws-design-1.8.3.js"></script>
   ...
</head>

// eKomi Produktbewertung

// wird beim Start des Nachladens aufgerufen, beispielsweise fuer eine Ladeanzeige
function ws_AJAXloadRatingEkomiStart()
{

}

// wird aufgerufen, wenn das Nachladen erfolgreich war
function ws_AJAXloadRatingEkomiResponseSuccess()
{

}

// wird aufgerufen, wenn das Nachladen nicht erfolgreich war
function wsAJAXloadRatingEkomiResponseError()
{

}

// wird aufgerufen, wenn die AJAX-Kommunikation selbst fehlschlug,
// beispielsweise bei unterbrochener Internetverbindung
function wsAJAXloadRatingEkomiError()
{

}

{WS-TplComment}<!-- Ladeanzeige, bis eine Erfolgs- oder Fehlermeldung moeglich ist -->{/WS-TplComment}
<div id="eKomiAJAXInfo">Bewertungen werden geladen</div>

{WS-TplComment}<!-- Meldung, falls keine Kommunikation moeglich ist -->{/WS-TplComment}
<div id="eKomiAJAXError">Es ist ein Fehler aufgetreten</div>

{WS-TplComment}<!-- Erfolgsmeldung -->{/WS-TplComment}
<div id="eKomiAJAXSuccess">Bewertungen geladen</div>

<body>
   ...
   <div id="product_rating_ekomi">
      ~WS-Module(rating_ekomi)~
   </div>
   ...
</body>

<body>
   <WS-Ajax-product_rating_ekomi>
      ~WS-Module(rating_ekomi)~
   </WS-Ajax-product_rating_ekomi>
</body>

{@PR-Data}
   ...
   {PR-RatingVotes(ekomi)}
      <img src="~PR-AdvRatingScoreImg(ekomi)~" alt="">
      ~PR-RatingVotes(ekomi)~ Bewertungen
   {/PR-RatingVotes(ekomi)}
   ...
{/@PR-Data}