Templates Einzelansicht: Detailansicht
<ul class="media-list">
<li class="media">
<img class="media-object pull-left" src='[imageurl]' alt=''>
<div class="media-body">
[editbutton]
<h3>[articlename]</h3>
<h5>[articlenumber]</h5>
<label [mvif:price:neq:0]>[price] [currency]</label>
<p class="margin-top10" [mvif:price:neq:0]>[tb:qty:text=[countitem] maxlength="2"] <A href="[AddToBasketLink]">[pfl:1:In Warenkorb][pfl:2:add to basket]</A>
<a href='[backlink]' class="btn btn-default" role="button"><span class="glyphicon glyphicon-eye-close"></span></a> <a href='[printlink]' class="btn btn-default" role="button"><span class="glyphicon glyphicon-print"></span></a></p>
<p class="margin-top10" [mvif:price:eq:0]>
<a href='[backlink]' class="btn btn-default" role="button"><span class="glyphicon glyphicon-eye-close"></span></a> <a href='[printlink]' class="btn btn-default" role="button"><span class="glyphicon glyphicon-print"></span></a></p>
<hr/>
[description]
</div>
</li>
</ul>
Template mit Textbox zur Eingabe einer Menge. Eingabe von 0 löscht das Produkt aus dem Warenkorb.
Templates Einzelansicht: Druckansicht
<img [mvif:imageurl:neq:0] class="media-object" src='[imageurl]' alt=''/>
<div>
[editbutton]
<h3>[articlename]</h3>
<h5>[articlenumber]</h5>
<label [mvif:price:neq:0]>[price] [currency]</label>
<hr/>
[description]
</div>
Templates Auch gekauft: Ansicht
<img [mvif:imageurl:neq:0] class="media-object" src='[imageurl]' alt=''/>
<div>
[editbutton]
<h3>[articlename]</h3>
<h5>[articlenumber]</h5>
<label [mvif:price:neq:0]>[price] [currency]</label>
<hr/>
[description]
</div><div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img src='ResourceImage.aspx?raid=[previewimage]' alt='[previewimage_alt]'/>
<div class="caption" [mvif:articlenumber:neq:]>
[editbutton]
<h3>[articlename]</h3>
<h5>[articlenumber]</h5>
<label class="no-margin" [mvif:price:neq:0]>[price] [currency]</label>
<hr/>
<p [mvif:preview:neq:]>[preview] </p>
<p [mvif:price:neq:0]>
<a href='[morelink]' class="btn btn-default" role="button"><span class="glyphicon glyphicon-eye-open"></span></a>
<a href='[AddToBasketLink]' class="btn btn-default" role="button"> <span class="glyphicon glyphicon-shopping-cart"></span> [localize:add_to_basket] <span class="badge">[countitem]</span></a>
</p>
<p [mvif:price:eq:0]>
<a href='[morelink]' class="btn btn-default" role="button"><span class="glyphicon glyphicon-eye-open"></span> [localize:product_details]</a>
</p>
</div>
</div>
</div>
Templates Listenansicht: Vorschau groß
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img src='ResourceImage.aspx?raid=[previewimage]' alt='[previewimage_alt]'/>
<div class="caption" [mvif:articlenumber:neq:]>
[editbutton]
<h3>[articlename]</h3>
<h5>[articlenumber]</h5>
<label class="no-margin" [mvif:price:neq:0]>[price] [currency]</label>
<hr/>
<p [mvif:preview:neq:]>[preview] </p>
<p [mvif:price:neq:0]>
<a href='[morelink]' class="btn btn-default" role="button"><span class="glyphicon glyphicon-eye-open"></span></a>
<a href='[AddToBasketLink]' class="btn btn-default" role="button"> <span class="glyphicon glyphicon-shopping-cart"></span> [localize:add_to_basket] <span class="badge">[countitem]</span></a>
</p>
<p [mvif:price:eq:0]>
<a href='[morelink]' class="btn btn-default" role="button"><span class="glyphicon glyphicon-eye-open"></span> [localize:product_details]</a>
</p>
</div>
</div>
</div>
Template mit Link zum Auswählen eines Produkts. Jeder Klick erhöht die Menge im Warenkorb um 1.
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img src='ResourceImage.aspx?raid=[previewimage]' alt='[previewimage_alt]'/>
<div class="caption" [mvif:articlenumber:neq:]>
[editbutton]
<h3>[articlename]</h3>
<h5>[articlenumber]</h5>
<label class="no-margin" [mvif:price:neq:0]>[price] [currency]</label>
<hr/>
<p [mvif:preview:neq:]>[preview] </p>
<p [mvif:price:neq:0]>
<a href='[morelink]' class="btn btn-default" role="button"><span class="glyphicon glyphicon-eye-open"></span></a>
<INPUT id="additem[itemid]" style="WIDTH: 50px" maxLength="4" value="[countitem]" name="additem[itemid]">[lbn:addtobasket:text="In den Warenkorb" commandname="update"]
</p>
<p [mvif:price:eq:0]>
<a href='[morelink]' class="btn btn-default" role="button"><span class="glyphicon glyphicon-eye-open"></span> [localize:product_details]</a>
</p>
</div>
</div>
</div>
Template mit Textbox zur Eingabe einer Menge. Jeder Button (bn, lbn, ibn, bnupdate) mit dem Attribut CommandName="Update" kann zum Absenden des Formulars verwendet werden.
Template: Blättern in der Vorschau - Fußbereich
<div class="row"><div class="col-sm-6 col-md-8">
<ul class="pagination">
<li><a href='[FirstPage]'>[localize:firstpage]</a></li>
<li><a href='[PreviousPage]'>«</a></li>
<li><span>[CurrentPageNumber]</span></li>
<li><a href='[NextPage]'>»</a></li>
<li><a href='[LastPage]'>[localize:lastpage]</a></li>
</ul>
</div>