Produkt Präsentationen

Sie können im Shop spezielle Produkt Gruppen anlegen, die entsprechend im Frontend implementiert werden.
So lassen Sich zum Beispiel ein Top-Seller Scroller bauen oder eine Produkt Gallerie.

Hier ein paar Beispiele:

Scroller (innerhalb einer Box)

<div id="leftcol">
  <div class="module">
   <div>
    <div>
     <div>
      <h3>TOP Seller</h3>
     <div style="width:150;text-align:center;">
               <marquee behavior="scroll"
                        direction="up" 
                        height="125"
                        width="150"
                        scrollamount="1"
                        scrolldelay="30"
                        truespeed="true" onmouseover="this.stop()" onmouseout="this.start()"><ul style=" list-style: none; margin: 0; padding: 0; cursor: pointer;">{TMPL_PRODUKTS_LISTING}</ul></marquee></div>
     </div>
    </div>
   </div>
  </div>
</div>

MooFlow - Top Seller Gallerie

<script type="text/javascript" src="js/mootools-1.2-core.js"></script>
<script type="text/javascript" src="js/mootools-1.2-more.js"></script>
<script type="text/javascript" src="js/MooFlow.js"></script>

<script type="text/javascript">
/* <![CDATA[ */

window.addEvent('domready', function(){    
var mf = new MooFlow($('MooFlow'), {       
    startIndex: {TMPL_MOOFLOW_START},     
    bgColor: "#FFFFFF",
    useSlider: false,       
    useAutoPlay: false,     
    useCaption: true,      
    useResize: true,       
    useWindowResize: true,     
    useMouseWheel: true,       
    useKeyInput: true,
    onClickView: function(obj){
               //GetRemoteHTML('ax_main',obj.href,'/help/images/opt_loader.gif');
                location.href=obj.href;
            }
        }
    );
});
/* ]]> */

</script>

<div id="MooFlow">
<TMPL_START_IMGLIST>
<a title="{TMPL_PTITLE}" href="{TMPL_PRODETAILLINK}"><img title="{TMPL_PTITLE}" alt="{TMPL_PTITLE}" src="{TMPL_PROIMG}" border="0"></a>
<TMPL_END_IMGLIST>
</div>
Doppel Klick auf Bild

SMARTY - Tabellarische Auflistung
 

<% if ($special_groups_1) %>
<% assign var=line_break value="4" %>
<table class="tab_std" border="1" width="100%">
<tr class="header"><td colspan="<% $line_break %>">Empfehlungen des Hauses</td></tr>
<tr>
<% foreach from=$special_groups_1 item=artikel name=sg1 %>
 <td width="<% math equation="x / y" x=100 y=$line_break %>%" valign="top" align="center">
 <% include file="singleproduct.tpl" %></td>
<% if $smarty.foreach.sg1.iteration % $line_break == 0 %></tr><tr><% /if %>
<% /foreach %>
</tr>
</table>
<% /if %>

 

SMARTY - Flickr Scroller

<script src="js/mycarousel/lib/effects.js" type="text/javascript"></script>
<script src="js/mycarousel/lib/carousel.js" type="text/javascript"></script>
<link href="js/mycarousel/prototype-ui.css" rel="stylesheet" type="text/css" />

<div id="horizontal_carousel"> 
  <div class="container">
    <ul>
      <% foreach from=$special_groups_1 item=artikel name=sg1 %>
      <li><img alt="<% $artikel.product_name %>" src="<% $artikel.product_img %>" /></li>
<% /foreach %>
    </ul>
  </div>
  <div class="buttons">
  <div class="previous_button"></div>
  <div class="next_button"></div>
  <br />
  </div>
</div>
<script type="text/javascript">
// <![CDATA[
  function runTest() {
    hCarousel = new UI.Carousel("horizontal_carousel");
  }
  Event.observe(window, "load", runTest);
// ]]>
</script>