Make shop into a table.

This commit is contained in:
Víðir Valberg Guðmundsson 2016-05-31 18:47:08 +02:00
parent a7535753a8
commit 30b86536a2

View file

@ -21,42 +21,45 @@
<hr /> <hr />
<div class="row"> <div class="row">
<div class="col-md-12">
{% for product in products %} <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>
<a href="{% url 'shop:product_detail' slug=product.slug %}"> {% for product in products %}
<div class="col-sm-4 col-lg-4 col-md-4"> <tr {% if not product.is_available %}class="mute"{% endif %}>
<div class="thumbnail"> <td>
<img src="http://placehold.it/320x200" alt=""> <a href="{% url 'shop:product_detail' slug=product.slug %}">
<div class="caption">
<h5>{{ product.category.name }}</h5>
<h4>
{{ product.name }} {{ product.name }}
</h4> </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 %}
</td>
<td>
{{ product.price|currency }}
</td>
</tr>
{% endfor %}
<h4> </tbody>
Price: {{ product.price|currency }} </table>
</h4>
<p>
{{ product.description|truncatechars:30 }}
</p>
<small>
<strong>Availability:</strong><br/>
{{ 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>
{% endfor %}
</div>
</div> </div>
{% endblock %} {% endblock %}