Design:Product.html
From Katapulta
(Difference between revisions)
m |
m |
||
| Line 21: | Line 21: | ||
<span class="x"> </span><span class="cp">{%</span> <span class="k">endfor</span> <span class="cp">%}</span><span class="x"></span> | <span class="x"> </span><span class="cp">{%</span> <span class="k">endfor</span> <span class="cp">%}</span><span class="x"></span> | ||
<span class="x"></ul></span> | <span class="x"></ul></span> | ||
| + | </pre> | ||
| + | </div></html> | ||
| + | |||
| + | Afișarea imaginilor asociate unui produs se poate face în felul următor: | ||
| + | <html><div class="highlight"> | ||
| + | <pre> | ||
| + | <span class="x"><ul id="image-list"></span><span class="x"> </span><span class="cp">{%</span> <span class="k">for</span> <span class="nv">image</span> <span class="k">in</span> <span class="nv">product.images</span> <span class="cp">%}</span><span class="x"></span><span class="x"> <li></span><span class="x"> <a rel="lightbox" href="</span><span class="cp">{{</span> <span class="nv">image.image_url</span> <span class="cp">}}</span><span class="x">"></span><span class="x"> <img src="</span><span class="cp">{{</span> <span class="nv">image.thumb_url</span> <span class="cp">}}</span><span class="x">" border="0" alt="</span><span class="cp">{{</span> <span class="nv">image.filename</span><span class="o">|</span><span class="nf">e</span> <span class="cp">}}</span><span class="x">"/></span><span class="x"> </a></span><span class="x"> </li></span><span class="x"> </span><span class="cp">{%</span> <span class="k">endfor</span> <span class="cp">%}</span><span class="x"></span><span class="x"></ul></span> | ||
</pre> | </pre> | ||
</div></html> | </div></html> | ||
Revision as of 12:59, 27 April 2011
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>