Проблему решил следующим образом:
1. Настройки товара в virtuemart
2. Создаем картинку для дочернего товараadministrator\components\com_virtuemart\classes\ps_product_attribute.php
после
$products[$ci]['product_title'] = $link . $html1 ;
дописываем
$img = $db->f( "product_thumb_image" ). "\" onclick=\"var id = $('index_id" . $db->f( "product_id" ). "').value; if(id != '') { document.location = 'index.php?option=com_virtuemart&page=shop.product_details&flypage=$flypage&Itemid=$Itemid&category_id=$category_id&product_id=' + id; }\" " ;
$products[$ci]['product_thumb_image'] = $img ;
3. Помещаем картинку дочернего товара в шаблонcomponents\com_virtuemart\themes\default\templates\product_details\includes\addtocart_list_multi.tpl.php
вставляем в нужное вам место в шаблоне, с помощью height="" задаем нужный размер
<img border="0" height="80" style="cursor:pointer;" src="<?php echo $mosConfig_live_site."/components/com_virtuemart/shop_image/product/".$product['product_thumb_image']; ?>" />
4. Чтобы в корзине отображалась картинка выбранного товараcomponents\com_virtuemart\themes\default\templates\basket\basket_b2c.html.php
вставляем в нужное вам место в шаблоне, с помощью height="" задаем нужный размер
<img src="components/com_virtuemart/shop_image/product/<?php echo $product['product_thumb_image'] ?>" alt="" border="0" height="80"/>
5. Кнопка купить настраивается в VirtueMart в товаре и позициях, для себя я сделал кнопку для каждого цвета товара без выбора количестваЕсли вы поменяете настройки в пункте 1. то код из пункта 2. нужно вставлять в соответствующее настройкам место в кодеЕсли кто-то придумает более изящный способ прошу писать в этой теме.
Осталась актуальной проблема увеличения при нажатии на картинке товара в корзине с помощью лайтбокса.