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>
Variabile
În template-ul product.html pot fi accesate următoarele variabile:
- product - produsul curent care este afișat
- toate variabilele globale