Näkymä: Ostoskori

Olet täällä: Interface » Näkymä: Ostoskori

Ostoskorinäkymässä hyödyllisiä tageja

Näkymän sivupohjatiedosto

  • cart.html
  • sivupohjan puuttuessa: template.html

Ostoskorinäkymä tulostaa {Content} tagiin ostoskoritaulukon ja taulukon jälkeen napit korin päivittämiseen, kassalle siirtymiseen ja ostosten jatkamiseen.

Ostoskorissa on usein lisämyynnin kannalta hyvä näyttää yhteensopivia, samankaltaisia ja ristiinmyyntituotteita.

Ostoskorin tulostus

<form action="/cart/" method="post" id="CartForm">
  <table summary="Kerää ostoskoriin kaikki haluamasi tuotteet ennen tilaamista. Näin vältyt useammilta toimitusmaksuilta. Kun olet valmis, klikkaa Siirry kassalle -linkkiä." cellpadding="0" cellspacing="0" id="CartTable">
    <caption>Ostoskorisi sisältö</caption>
    <thead>
      <tr>
        <th class="CartProduct" scope="col" colspan="2">Tuote</th>
        <th class="CartPrice" scope="col">Hinta</th>
        <th class="CartQuantity" scope="col">Määrä</th>
        <th class="CartTotal" scope="col">Yhteensä</th>
      </tr>
    </thead>
    <tfoot>
      <tr>
        <th class="CartShippingCost" colspan="4" scope="row">Toimituskulut</th>
        <td class="CartShippingCost">10,<span class="PriceDecimals">00</span><span class="Currency">&euro;</span></td>
      </tr>
      <tr>
        <th class="CartTotal" colspan="4" scope="row">Yhteensä</th>
        <td class="CartTotal">200,<span class="PriceDecimals">0</span><span class="Currency">&euro;</span></td>
      </tr>
    </tfoot>
    <tbody>
      <tr>
        <td class="CartPic">
          <a href="http://www.mycashflow.fi/interface/product/ID/Tuotteen-nimi" title="Tuotteen nimi"><img src="/tuotekuvat/koko/tiedosto.jpg" alt="Tuotteen nimi" /></a>
        </td>
        <th scope="row" class="CartProduct">
          <h3 class="ProductName"><a href="http://www.mycashflow.fi/interface/product/ID/Tuotteen-nimi">Tuotteen nimi</a></h3>
          <dl>
            <dt>Malli</dt><dd>Mallin nimi</dd>
          </dl>
        </th>
        <td class="CartPrice">90,<span class="PriceDecimals">00</span><span class="Currency">&euro;</span></td>
        <td class="CartQuantity">
          <input type="text" name="maara[ID]" value="1" size="3" />
          <a href="http://www.mycashflow.fi/interface/cart/?delete=ID" class="CartRemove"><span>Poista</span></a>
        </td>
        <td class="CartTotal">90,<span class="PriceDecimals">00</span><span class="Currency">&euro;</span></td>
      </tr>
    </tbody>
  </table>
  <div class="FormItem" id="UpdateCart">
    <button type="submit" name="ostoskori_paivita" class="UpdateButton"><span>Päivitä loppusumma</span></button>
  </div>
</form>
<form action="/checkout/" id="CartSubmitForm">
  <fieldset class="FormItem FormSubmit" id="ShoppingCartSubmit">
    <button type="submit" class="SubmitButton ToCheckout"><span>Siirry kassalle</span></button>
    <p class="FormAltAction ContinueShopping"><a href="http://www.mycashflow.fi/interface/"><span>Jatka ostoksia</span></a></p>
  </fieldset>
</form>

Lisää tähän sivuun liittyviä ohjeita: