Images that refer to other pages should, from a UX perspective, link to the pages they describe. This is a simple addition to the index template.
<a href="{{ product.url }}">
<img src="/{{ product.images[0] }}" class="img-responsive" style="width: 100%;" alt=""></a>