Voit käyttää komentoa näkymissä:
Katso myös:
Attribuutit:
Tulostaa kaikki tuoteryhmän tai tuotemerkin tuotteet.
Oletuksena {Products} tagi tulostaa tuotteet peräkkäisiin <div>-elementteihin, jonka sisään tulostetaan tuotekuva tuotekorttiin osoittavan linkin sisään, tuotteen nimi otsikkona, sekä hintatiedot. Mikäli komennolle on attribuutin Type-arvoksi asetettu 'list', tulostetaan tuotteet <ul>-listaan <li>-elementteihin ilman hintatietoja, sekä pienemmällä kuvakoolla.
Tuotteille voidaan asettaa omia luokkanimiä MyCashflow'n automaattisesti asettamien luokkanimien lisäksi, käyttämällä attribuuttia Classes. Attribuutin avulla voidaan esimerkiksi antaa joka kolmannelle tuotteelle oma luokkanimensä.
Attribuuttien avulla voit muuttaa komennon tulostusta
- Type: Tulostetaanko tuotteet listana vai lohkoelementteinä. Mahdolliset arvot
'list'tai'normal' - Classes: Asettaa esimerkiksi joka toiselle tuotteelle oman luokkanimen. Esimerkiksi
'EkaTuote|TokaTuote' - Sort: Esijärjestelee tuotteet hinnan, hallinnan järjestyksen tai aakkosten mukaan. Mahdolliset arvot:
'manual','abc'ja'price'. - Helper: Muokkaa täysin yksittäisen tuotteen tulostusta.
- Category: Voit määrätä käsin mistä tuoteryhmästä tuotteita tulostetaan.
Esimerkkitulostus
Tuotelistan oletustulostus, type-attribuutin arvo 'normal':
<div class="Product">
<a href="http://www.mycashflow.fi/interface/product/1/first-product" class="ProductImage" title="First Product"><img src="/tuotekuvat/162x162/first-product.jpg" alt="First Product"></a>
<h2 class="ProductName"><a href="http://www.mycashflow.fi/interface/product/1/first-product">First Product</a></h2>
<dl class="Prices">
<dt class="Price">Hinta</dt>
<dd class="Price">9,90<span class="Currency">€</span></dd>
</dl>
<a href="http://www.mycashflow.fi/interface/product/1/first-product" title="Lisää ostoskoriin" class="Button AddToCart"><span>Lisää ostoskoriin</span></a>
</div>
<div class="Product">
<a href="http://www.mycashflow.fi/interface/product/2/second-product" class="ProductImage" title="Second product"><img src="/tuotekuvat/162x162/second-product.jpg" alt="Second product"></a>
<h2 class="ProductName"><a href="http://www.mycashflow.fi/interface/product/466/second-product">Second product</a></h2>
<dl class="Prices">
<dt class="Price">Hinta</dt>
<dd class="Price">19,90<span class="Currency">€</span></dd>
</dl>
<a href="http://www.mycashflow.fi/interface/product/2/second-product" title="Lisää ostoskoriin" class="Button AddToCart"><span>Lisää ostoskoriin</span></a>
</div>
Tuotelista, mikäli type-attribuutin arvo on 'list':
<ul>
<li class="ListProduct ">
<a class="ListImage" title="First Product" href="http://www.mycashflow.fi/interface/product/1/first-product"><img alt="First Product" src="/tuotekuvat/32x32/first-product.jpg"/></a>
<h3 class="ProductName"><a href="http://www.mycashflow.fi/interface/product/1/first-product">First Product</a></h3>
</li>
<li class="ListProduct ">
<a class="ListImage" title="Second Product" href="http://www.mycashflow.fi/interface/product/2/second-product"><img alt="Second Product" src="/tuotekuvat/32x32/second-product.jpg"/></a>
<h3 class="ProductName"><a href="http://www.mycashflow.fi/interface/product/2/second-product">Second Product</a></h3>
</li>
<li class="ListProduct ">
<a class="ListImage" title="Third Product" href="http://www.mycashflow.fi/interface/product/3/third-product"><img alt="Third Product" src="/tuotekuvat/32x32/third-product.jpg"/></a>
<h3 class="ProductName"><a href="http://www.mycashflow.fi/interface/product/3/third-product">Third Product</a></h3>
</li>
</ul>