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

[stels57]

Хочу сделать блок с дублирование всех фото товара - т.е чтобы все фото товара,помимо их расположения вверху страницы (где есть главное фото и миниатюры),попадали еще и в блок "Фотографии товара". Фото разного размера - есть высокие,широкие,квадратные. Как сделать в этом блоке их размер 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.requestFullScreen(); $.GalleryPlus.fotoramaAPI.show({$smarty.foreach.phthumbs.index});">

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

</a>

</div>

{/foreach}

</div>

{/if}

Edited March 26, 2016 by stels57

[klierik]

.more-images .image { display: inline-block; }