Design:Product.html
From Katapulta
Acest template afișează pagina de detalii a unui produs.
În acest template sunt afișate de obicei imaginile produsului, descrierea completă și variantele produsului.
Următorul exemplu de cod afișează lista de variante a unui produs sub forma unor butoane radio, prima variantă fiind selectată:
<ul>
{% for variant in product.variants %}
<li>
<input type="radio" name="id" value="{{ variant.id }}" {{ loop.first ? 'checked="checked"' : '' }} />
{{ variant.property_values }}
{% if product.price_varies %}
— <span class="price"> {{ variant.price|money }}</span>
{% if variant.compare_price > 0 %}
<span class="compare-price"> {{ variant.compare_price|money }}</span>
{% endif %}
{% endif %}
</li>
{% endfor %}
</ul>
Afișarea imaginilor asociate unui produs se poate face în felul următor:
<ul id="image-list"> {% for image in product.images %} <li> <a rel="lightbox" href="{{ image.image_url }}"> <img src="{{ image.thumb_url }}" border="0" alt="{{ image.filename|e }}"/> </a> </li> {% endfor %}</ul>