Файлы, которые нужно менять.
1. Шаблон - /themes/ваша тема/product.tpl
2. Стили - /themes/ваша тема/css/product.css
1. Изменение размеров миниатюр цвета
/themes/ваша тема/css/product.css
#attributes .attribute_list #color_to_pick_list li a.color_pick {height: 25px; width: 25px;...
И из п2 height, width у тега img.
2. Под изображением вывести название цвета.
/themes/ваша тема/product.tpl
{if $img_color_exists}
<img src="{$img_col_dir}{$id_attribute|intval}.jpg" alt="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" title="{$colors.$id_attribute.name|escape:'html':'UTF-8'}" width="25" height="25" />
{$colors.$id_attribute.name|escape:'html':'UTF-8'}
3.Добавить js библиотеку для скролинга. Изменить шаблон и стили (файлы выше).