Если в контроллеры дописать второе (тоже самое изображение) но с большим размером, да потом всё это подключить к встроенному в bootstrap скрипту Popover, то при наведении мышкой, можно без особых усилий получить ещё и увеличенное изображение.
А то в самом первом сообщении речь шла о трудностях в понимании какой именно товар, а с картинками 25 на 25 это не всегда выход.
Popover
Пример работы (в опциях)
По сути просто добавил в картинку data-toggle="popover-hover" data-placement="auto right" data-image-popup="Картинка_Большего _Размера" .
Ну и плюс в футер немного скрипта и стилей
<script type="text/javascript"><!--
$(document).ready(function(){
$('[data-toggle="popover-hover"]').popover({
container: 'body',
html: true,
trigger: 'hover',
animation: 500,
content: function () { return '<img src="' + $(this).data('image-popup') + '" />'; }
});
});
//--></script>
<style>.popover-title {text-align:center;font-size:15px;font-weight:500;}.popover {max-width: 100% !important;}</style>
Хотя это уже совсем другая история ))))