Added lightbox.js for product images

This commit is contained in:
Raphael Michel
2015-07-26 00:10:27 +02:00
parent e09efeb06b
commit 9e16ad3433
13 changed files with 689 additions and 3 deletions

View File

@@ -75,5 +75,8 @@
{% endblocktrans %}
{% endwith %}
</footer>
{% compress js %}
<script type="text/javascript" src="{% static "lightbox/js/lightbox.min.js" %}"></script>
{% endcompress %}
</body>
</html>

View File

@@ -62,9 +62,12 @@
<div class="row-fluid product-row headline">
<div class="col-md-8 col-xs-12">
{% if item.picture %}
<img src="{{ item.picture|thumbnail_url:'productlist' }}"
class="productpicture"
alt="{{ item.name }}" />
<a href="{{ item.picture.url }}" class="productpicture"
data-title="{{ item.name }}"
data-lightbox="{{ item.identity }}">
<img src="{{ item.picture|thumbnail_url:'productlist' }}"
alt="{{ item.name }}" />
</a>
{% endif %}
<a href="javascript:void(0);" data-toggle="variations">
<strong>{{ item.name }}</strong>
@@ -118,6 +121,14 @@
{% else %}
<div class="row-fluid product-row simple">
<div class="col-md-8 col-xs-12">
{% if item.picture %}
<a href="{{ item.picture.url }}" class="productpicture"
data-title="{{ item.name }}"
data-lightbox="{{ item.identity }}">
<img src="{{ item.picture|thumbnail_url:'productlist' }}"
alt="{{ item.name }}" />
</a>
{% endif %}
<strong>{{ item.name }}</strong>
{% if item.short_description %}<p>{{ item.short_description }}</p>{% endif %}
</div>