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>