Design:Product.html
From Katapulta
(Difference between revisions)
m |
m (→Variabile) |
||
| (7 intermediate revisions not shown) | |||
| Line 6: | Line 6: | ||
<html><div class="highlight"> | <html><div class="highlight"> | ||
| - | |||
<pre> | <pre> | ||
<span class="x"><ul></span> | <span class="x"><ul></span> | ||
<span class="x"> </span><span class="cp">{%</span> <span class="k">for</span> <span class="nv">variant</span> <span class="k">in</span> <span class="nv">product.variants</span> <span class="cp">%}</span><span class="x"></span> | <span class="x"> </span><span class="cp">{%</span> <span class="k">for</span> <span class="nv">variant</span> <span class="k">in</span> <span class="nv">product.variants</span> <span class="cp">%}</span><span class="x"></span> | ||
<span class="x"> <li></span> | <span class="x"> <li></span> | ||
| - | <span class="x"> <input type="radio" name="id" value="</span><span class="cp">{{</span> <span class="nv">variant.id</span> <span class="cp">}}</span><span class="x">" </span><span class="cp">{{</span> <span class="nb">loop</span><span class="nv">.first</span> <span class="err">?</span><span class="s1">'checked="checked"'</span> <span class="o">:</span> <span class="s1">''</span> <span class="cp">}}</span><span class="x"> /></span> | + | <span class="x"> <input type="radio" name="id" value="</span><span class="cp">{{</span> <span class="nv">variant.id</span> <span class="cp">}}</span><span class="x">" </span><span class="cp">{{</span> <span class="nb">loop</span><span class="nv">.first</span> <span class="err">?</span> <span class="s1">'checked="checked"'</span> <span class="o">:</span> <span class="s1">''</span> <span class="cp">}}</span><span class="x"> /></span> |
<span class="x"> </span><span class="cp">{{</span> <span class="nv">variant.property_values</span> <span class="cp">}}</span><span class="x"></span> | <span class="x"> </span><span class="cp">{{</span> <span class="nv">variant.property_values</span> <span class="cp">}}</span><span class="x"></span> | ||
<span class="x"> </span><span class="cp">{%</span> <span class="k">if</span> <span class="nv">product.price_varies</span> <span class="cp">%}</span><span class="x"></span> | <span class="x"> </span><span class="cp">{%</span> <span class="k">if</span> <span class="nv">product.price_varies</span> <span class="cp">%}</span><span class="x"></span> | ||
| Line 23: | Line 22: | ||
<span class="x"></ul></span> | <span class="x"></ul></span> | ||
</pre> | </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> | ||
</div></html> | </div></html> | ||
| + | |||
| + | ==Variabile== | ||
| + | În template-ul ''product.html'' pot fi accesate următoarele variabile: | ||
| + | * [[Design:Variabile#product|product]] - produsul curent care este afișat | ||
| + | * toate [[Design:Variabile#Variabile globale|variabilele globale]] | ||
Latest revision as of 14:08, 29 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>
Variabile
În template-ul product.html pot fi accesate următoarele variabile:
- product - produsul curent care este afișat
- toate variabilele globale