Дополнительное фото товара
 

Хочу сделать блок с дублирование всех фото товара - т.е чтобы все фото товара,помимо их расположения вверху страницы (где есть главное фото и миниатюры),попадали еще и в блок "Фотографии товара". Фото разного размера - есть высокие,широкие,квадратные . Как сделать в этом блоке их размер 1/2 (50%) от оригинального изображения вверху страницы?И как их выровнять в ряд (горизонтально)с небольшим промежутком между ними?Сейчас они выстраиваются вертикально

помогите с кодом,пожалуйста. Что дописать или исправить?
{if count($product.images) > 0}

<div class="more-images">

{foreach from=$product.images item=image name=phthumbs}

<div class="image">

<a href="#" onclick="$.GalleryPlus.fotoramaAPI.requestFullScre en(); $.GalleryPlus.fotoramaAPI.show({$smarty.foreach.ph thumbs.index});">

{$wa->shop->imgHtml($image, '128x128')}

</a>

</div>

{/foreach}

</div>

{/if}