Это можно сделать изменив шаблон /themes/default-bootstrap/product-list.tpl. В контейнер
<div class="product-image-container">
добавляте вывод рисунков, вывод атрибута цвет там уже есть, для него можно поменять стили в global.css.
Для блока рисунков нужно будет добавить переключатель видимости в файл /themes/default-bootstrap/js/global.js в function blockHover.
if ($('.product_list').is('.grid'))
if (screenLg) {
$('.product_list .button-container').hide();
// точно также для блока риссунков класс / ид
}
else {
$('.product_list .button-container').show();
// точно также для блока риссунков класс / ид
}