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

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

помогите с кодом,пожалуйста. Что дописать или исправить?


{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}

2 ответа

  • 0
    Алексей Дорошенко 24 марта 2016 16:45 #

    возможно нужно как-то использовать еще и этот код для увеличения

    img { -ms-interpolation-mode: bicubic; }


  • 1
    Алексей Дорошенко 26 марта 2016 03:11 #

    вот еще нашел такой код вывод фото в %

    img.resize{

    max-width:50%;

    max-height:50%;

    }

    как его подставить в эту строчку, вместо точной высоты и ширины ('128x128') ?

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

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите