Make shop into a table.
This commit is contained in:
parent
a7535753a8
commit
30b86536a2
|
@ -21,42 +21,45 @@
|
|||
<hr />
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
|
||||
<table class="table table-hover table-condensed table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Product</th>
|
||||
<th>Category</th>
|
||||
<th>Availability</th>
|
||||
<th>Price</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
||||
{% for product in products %}
|
||||
|
||||
<tr {% if not product.is_available %}class="mute"{% endif %}>
|
||||
<td>
|
||||
<a href="{% url 'shop:product_detail' slug=product.slug %}">
|
||||
<div class="col-sm-4 col-lg-4 col-md-4">
|
||||
<div class="thumbnail">
|
||||
<img src="http://placehold.it/320x200" alt="">
|
||||
<div class="caption">
|
||||
<h5>{{ product.category.name }}</h5>
|
||||
|
||||
<h4>
|
||||
{{ product.name }}
|
||||
</h4>
|
||||
|
||||
<h4>
|
||||
Price: {{ product.price|currency }}
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
{{ product.description|truncatechars:30 }}
|
||||
</p>
|
||||
|
||||
<small>
|
||||
<strong>Availability:</strong><br/>
|
||||
</a>
|
||||
</td>
|
||||
<td>
|
||||
{{ product.category }}
|
||||
</td>
|
||||
<td>
|
||||
{{ product.available_in.lower|date:"Y-m-d H:i" }}
|
||||
{% if product.available_in.upper %}
|
||||
- {{ product.available_in.upper|date:"Y-m-d H:i" }}
|
||||
{% endif %}
|
||||
</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
</td>
|
||||
<td>
|
||||
{{ product.price|currency }}
|
||||
</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
|
Loading…
Reference in a new issue