Diese Datei enthält Beispiel-Quellcode für das eKomi-Produktbewertungstemplate.

Hinweis:

Bei der Integration der eKomi Produktbewertung unterscheiden wir zwischen einer Integration mit AJAX und einer Integration ohne AJAX. Bitte wählen Sie entsprechend Ihrer Integration das passende Template:
Integration mit AJAX

Beispiel-Template für die Integration ohne AJAX

{E-WS-TplComment}<!-- Einstellung, wie viele Bewertungen auf einer Seite angezeigt werden sollen -->{/E-WS-TplComment}
~E-PRODRATING-EKOMI_Count(15)~
 
<h1>Artikelbewertung zum Artikel ~PR-Name~</h1>
 
{E-WS-TplComment}<!-- Anzeige der Gesamtbewertungen und der Grafik-Balken -->{/E-WS-TplComment}
{@E-PRODRATING-EKOMI_Ratings}
   <div class="rating_ekomi_graphic_line rating_ekomi_graphic_line_~E-PRODRATING-EKOMI_RatingVotes~">
      <a {E-PRODRATING-EKOMI_RatingVotes}href="~PR-Link~&~E-PRODRATING-EKOMI_RatingFilterParam~"{/E-PRODRATING-EKOMI_RatingVotes}}>
         ~E-PRODRATING-EKOMI_Rating~ Sterne
      </a>
      <div class="rating_ekomi_graphic_line_complete">
         <div class="rating_ekomi_graphic_line_filler" style="width: ~E-PRODRATING-EKOMI_RatingPercentage~%"></div>
      </div>
      <a {E-PRODRATING-EKOMI_RatingVotes}href="~PR-Link~&~E-PRODRATING-EKOMI_RatingFilterParam~"{/E-PRODRATING-EKOMI_RatingVotes}>
         (~E-PRODRATING-EKOMI_RatingVotes~)
      </a>
   </div>
{/@E-PRODRATING-EKOMI_Ratings}
 
<hr>
 
Gesamtbewertung: <img src="~E-PRODRATING-EKOMI_ScoreImg~"> ~E-PRODRATING-EKOMI_Score~<br>
Anzahl der Bewertungen: ~E-PRODRATING-EKOMI_Votes~ Bewertungen<br>
~E-PRODRATING-EKOMI_PositivePercentage~% der ~E-PRODRATING-EKOMI_Votes~ abgegebenen Bewertungen waren positiv.<br>            
            
<hr>
         
{E-WS-TplComment}<!-- Blätterfunktion -->{/E-WS-TplComment}
{E-PRODRATING-EKOMI_Paging}
   {E-PRODRATING-EKOMI_PagingBack}
      <a href="~PR-Link~&~E-PRODRATING-EKOMI_PagingParam~"> << </a>
   {/E-PRODRATING-EKOMI_PagingBack}
    
   {E-PRODRATING-EKOMI_PagingMoreBefore(2)}
      {E-PRODRATING-EKOMI_PagingFirst}
         <a href="~PR-Link~&~E-PRODRATING-EKOMI_PagingParam~">~E-PRODRATING-EKOMI_Page~</a>
      {/E-PRODRATING-EKOMI_PagingFirst}
   {/E-PRODRATING-EKOMI_PagingMoreBefore(2)}
    
   {E-PRODRATING-EKOMI_PagingMoreBefore(3)}
      ...
   {/E-PRODRATING-EKOMI_PagingMoreBefore(3)}
 
   {@E-PRODRATING-EKOMI_PagingBefore(2)}
      <a href="~PR-Link~&~E-PRODRATING-EKOMI_PagingParam~">~E-PRODRATING-EKOMI_Page~</a>
   {/@E-PRODRATING-EKOMI_PagingBefore(2)}
    
   ~E-PRODRATING-EKOMI_Page~
    
   {@E-PRODRATING-EKOMI_PagingAfter(2)}
      <a href="~PR-Link~&~E-PRODRATING-EKOMI_PagingParam~">~E-PRODRATING-EKOMI_Page~</a>
   {/@E-PRODRATING-EKOMI_PagingAfter(2)}
 
   {E-PRODRATING-EKOMI_PagingMoreAfter(3)}
      ...
   {/E-PRODRATING-EKOMI_PagingMoreAfter(3)}
 
   {E-PRODRATING-EKOMI_PagingMoreAfter(2)}
      {E-PRODRATING-EKOMI_PagingLast}
         <a href="~PR-Link~&~E-PRODRATING-EKOMI_PagingParam~">~E-PRODRATING-EKOMI_Page~</a>
      {/E-PRODRATING-EKOMI_PagingLast}
   {/E-PRODRATING-EKOMI_PagingMoreAfter(2)}
 
   {E-PRODRATING-EKOMI_PagingNext}
      <a href="~PR-Link~&~E-PRODRATING-EKOMI_PagingParam~"> >> </a>
   {/E-PRODRATING-EKOMI_PagingNext}
    
   <hr>
{/E-PRODRATING-EKOMI_Paging}
      
{E-WS-TplComment}<!-- Anzeige der Bewertungen -->{/E-WS-TplComment}
{E-PRODRATING-EKOMI_FeedbackData}
 
   {E-PRODRATING-EKOMI_ActiveFilter}
      <p>~E-PRODRATING-EKOMI_RatingVotes(~E-PRODRATING-EKOMI_ActiveFilter~)~ Bewertungen mit ~E-PRODRATING-EKOMI_ActiveFilter~ Sternen</p>
      <a href="~PR-Link~">Alle Bewertungen anzeigen</a>
      <hr>
   {/E-PRODRATING-EKOMI_ActiveFilter}
 
   {@E-PRODRATING-EKOMI_FeedbackData}
      <img src="~E-PRODRATING-EKOMI_FeedbackData_RatingImage~">
      <h3>~E-PRODRATING-EKOMI_FeedbackData_Timestamp_day~.~E-PRODRATING-EKOMI_FeedbackData_Timestamp_month~.~E-PRODRATING-EKOMI_FeedbackData_Timestamp_year~ 
         (bestätigter Kauf)</h3>
      <p>~E-PRODRATING-EKOMI_FeedbackData_Feedback~</p>
  
      {E-PRODRATING-EKOMI_FeedbackData_Merchant_Answer}
         <div class="infobox">~E-PRODRATING-EKOMI_FeedbackData_Merchant_Answer~</div>
       {/E-PRODRATING-EKOMI_FeedbackData_Merchant_Answer}      
    {/@E-PRODRATING-EKOMI_FeedbackData}
 
{/E-PRODRATING-EKOMI_FeedbackData}