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

Beispiel-Template für die Integration mit AJAX

Die Unterschiede zum Beispiel-Template "ohne AJAX" liegen in den Verlinkungen für das Blättern und dem Filtern nach "X Sterne"-Bewertungen. Diese Verlinkungen führen alle eine AJAX-Call aus.

 

{E-WS-TplComment}<!-- Einstellung, wie viele Bewertungen auf einer Seite angezeigt werden sollen -->{/E-WS-TplComment}
~E-PRODRATING-EKOMI_Count(15)~
 
{E-WS-TplComment}<!-- Wert, wie viele Bewertungen angezeigt werden sollen -->{/E-WS-TplComment}
~E-PRODRATING-EKOMI_Count(10)~
 
<h1>Artikelbewertung zum Artikel ~PR-Name~</h1>
<h2>~E-PRODRATING-EKOMI_Votes~ Bewertungen</h2>
<p><img src="~E-PRODRATING-EKOMI_ScoreImg~"> ~E-PRODRATING-EKOMI_Score~</p>
<p>~E-PRODRATING-EKOMI_PositiveVotes~ von ~E-PRODRATING-EKOMI_Votes~ Kunden würden diesen Artikel empfehlen</p>
               
{@E-PRODRATING-EKOMI_Ratings}
   <div class="rating_ekomi_graphic_line rating_ekomi_graphic_line_~E-PRODRATING-EKOMI_RatingVotes~ ">
      <a {E-PRODRATING-EKOMI_RatingVotes}
            onclick="ws_AJAXloadTemplate('~PR-Link~&tpl=ws_ajax_eKomi.htm&~E-PRODRATING-EKOMI_RatingFilterParam~',
            '~WS-CharSet~', ws_AJAXloadRatingEkomiStart, wsAJAXloadRatingEkomiError, 'ws_AJAXloadRatingEkomiResponseSuccess()', 
            'wsAJAXloadRatingEkomiResponseError()'); return false;"
         {/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>
         {E-PRODRATING-EKOMI_RatingVotes}
            <p class="rating_ekomi_graphic_score">
               ~E-PRODRATING-EKOMI_RatingVotes~ Stimmen
            </p>
         {/E-PRODRATING-EKOMI_RatingVotes}
      </div>
      <div class="clear"></div>
   </div>
{/@E-PRODRATING-EKOMI_Ratings}
                        
<hr>
            
{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 onclick="ws_AJAXloadTemplate('~PR-Link~&tpl=ws_ajax_eKomi.htm', '~WS-CharSet~', ws_AJAXloadRatingEkomiStart, wsAJAXloadRatingEkomiError,
         'ws_AJAXloadRatingEkomiResponseSuccess()', 'wsAJAXloadRatingEkomiResponseError()'); return false;">
         Alle Bewertungen anzeigen
      </a>
   {/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-WS-TplComment}<!-- Blättern mit AJAX-Aufruf -->{/E-WS-TplComment}
   {E-PRODRATING-EKOMI_Paging}            
      {E-PRODRATING-EKOMI_PagingMoreBefore(2)}
         {E-PRODRATING-EKOMI_PagingFirst}
            <a onclick="ws_AJAXloadTemplate('~PR-Link~&tpl=ws_ajax_eKomi.htm&~E-PRODRATING-EKOMI_PagingParam~', '~WS-CharSet~', ws_AJAXloadRatingEkomiStart,
               wsAJAXloadRatingEkomiError, 'ws_AJAXloadRatingEkomiResponseSuccess()', 'wsAJAXloadRatingEkomiResponseError()'); return false;">
               ~E-PRODRATING-EKOMI_Page~
            </a>
         {/E-PRODRATING-EKOMI_PagingFirst}
      {/E-PRODRATING-EKOMI_PagingMoreBefore(2)}
 
      {E-PRODRATING-EKOMI_PagingMoreBefore(3)}
         <div class="rating_paging_placeholder">...</div>
      {/E-PRODRATING-EKOMI_PagingMoreBefore(3)}
 
      {@E-PRODRATING-EKOMI_PagingBefore(2)}
         <a onclick="ws_AJAXloadTemplate('~PR-Link~&tpl=ws_ajax_eKomi.htm&~E-PRODRATING-EKOMI_PagingParam~', '~WS-CharSet~', ws_AJAXloadRatingEkomiStart, 
            wsAJAXloadRatingEkomiError, 'ws_AJAXloadRatingEkomiResponseSuccess()', 'wsAJAXloadRatingEkomiResponseError()'); return false;">
            ~E-PRODRATING-EKOMI_Page~
         </a>
      {/@E-PRODRATING-EKOMI_PagingBefore(2>}
    
      <div class="rating_paging_actualpage">~E-PRODRATING-EKOMI_Page~</div>
 
      {@E-PRODRATING-EKOMI_PagingAfter(2)}
         <a onclick="ws_AJAXloadTemplate('~PR-Link~&tpl=ws_ajax_eKomi.htm&~E-PRODRATING-EKOMI_PagingParam~', '~WS-CharSet~', ws_AJAXloadRatingEkomiStart,
            wsAJAXloadRatingEkomiError, 'ws_AJAXloadRatingEkomiResponseSuccess()', 'wsAJAXloadRatingEkomiResponseError()'); return false;">
            ~E-PRODRATING-EKOMI_Page~
         </a>
      {/@E-PRODRATING-EKOMI_PagingAfter(2)}
 
      {E-PRODRATING-EKOMI_PagingMoreAfter(3)}
         <div class="rating_paging_placeholder">...</div>
      {/E-PRODRATING-EKOMI_PagingMoreAfter(3)}
 
      {E-PRODRATING-EKOMI_PagingMoreAfter(2)}
         {E-PRODRATING-EKOMI_PagingLast}
            <a onclick="ws_AJAXloadTemplate('~PR-Link~&tpl=ws_ajax_eKomi.htm&~E-PRODRATING-EKOMI_PagingParam~', '~WS-CharSet~', ws_AJAXloadRatingEkomiStart,
               wsAJAXloadRatingEkomiError, 'ws_AJAXloadRatingEkomiResponseSuccess()', 'wsAJAXloadRatingEkomiResponseError()'); return false;">
               ~E-PRODRATING-EKOMI_Page~
            </a>
         {/E-PRODRATING-EKOMI_PagingLast}
      {/E-PRODRATING-EKOMI_PagingMoreAfter(2)}
   {/E-PRODRATING-EKOMI_Paging}
 
{/E-PRODRATING-EKOMI_FeedbackData}