если я вас правильно понял, вы сделали дополнительную группу поле, с несколькими полями типа "Изображение" в типе данных "Объект каталога" или в его дочерних типах данных.
Затем вы, в шаблоне tpls/catalog/default в блоке "view_block" сделали вывод этой группы с полями. И теперь у вас вопрос как сделать так чтобы выведенные фотографии выглядели так как надо js скрипту, то есть
<ul class="">
<li><img src="images/thumbs/thumbl_980x340.png" /></li>
<li><img src="images/thumbs/thumbl_980x340_002.png" /></li>
и т.д.
</ul>
так как выводите вы фотографии через макрос %data getPropertyGroup()% (а если нет, то вам бы стоило посмотреть в его сторону), то вы увидите в описание данного макроса (http://dev.docs.umi-cms.ru/spravochnik_makrosov_umicms/shablony_dannyh/data_getpropertygroup/) какие блоки за что отвечают и сможете сделать свой езд шаблон для макроса %data getPropertyGroup()%, который будет формировать html код как вам надо.
Затем вы подключаете js и css файлы для работы со слайдером, инструкции jquery для применения слайдера к вашему куску html кода со списком фотографий и тестируете, все ли вы верно сделали
если у вас поля не объединены группой полей, по которой их можно было бы вывести сразу, то тогда в том месте где вы выводите информацию о товаре вставьте такой код. Предположим у вас 3 поля с именами foto1, foto2 и foto3
<ul class="">
%data getProperty(%id%,foto1,slider_photo )%
%data getProperty(%id%,foto2,slider_photo )%
%data getProperty(%id%,foto3,slider_photo )%
</ul>
далее, надо создать шаблон для результатов макроса data getProperty() с именем slider_photo. Для этого мы идем в папку /tpls/data/ и создаем там файл slider_photo.tpl с таким содержимым
<?php
$FORMS = Array();
$FORMS['img_file'] = <<<END
<li>%system makeThumbnailFull(%filepath%,980,340)%</li>
END;
?>
И если у вас в папке /tpls/thumb есть файл default.tpl
то система должна вывести вам необходимый html код с уменьшенными изображениями
если для работы js плагина надо иметь структуру вида
<div id="products_example">
<div id="products">
<div class="slides_container">
<a href="" target="_blank"><img src="img/1144953-3-2x.jpg" width="366" alt="1144953 3 2x"></a>
<a href="" target="_blank"><img src="img/1144953-1-2x.jpg" width="366" alt="1144953 1 2x"></a>
<a href="" target="_blank"><img src="img/1144953-2-2x.jpg" width="366" alt="1144953 2 2x"></a>
<a href="" target="_blank"><img src="img/1144953-4-2x.jpg" width="366" alt="1144953 4 2x"></a>
<a href="" target="_blank"><img src="img/1144953-5-2x.jpg" width="366" alt="1144953 5 2x"></a>
<a href="" target="_blank"><img src="img/1144953-6-2x.jpg" width="366" alt="1144953 6 2x"></a>
<a href="" target="_blank"><img src="img/1144953-p-2x.jpg" width="366" alt="1144953 P 2x"></a>
</div>
<ul class="pagination">
<li><a href="#"><img src="img/1144953-3-2x.jpg" width="55" alt="1144953 3 2x"></a></li>
<li><a href="#"><img src="img/1144953-1-2x.jpg" width="55" alt="1144953 1 2x"></a></li>
<li><a href="#"><img src="img/1144953-2-2x.jpg" width="55" alt="1144953 2 2x"></a></li>
<li><a href="#"><img src="img/1144953-4-2x.jpg" width="55" alt="1144953 4 2x"></a></li>
<li><a href="#"><img src="img/1144953-5-2x.jpg" width="55" alt="1144953 5 2x"></a></li>
<li><a href="#"><img src="img/1144953-6-2x.jpg" width="55" alt="1144953 6 2x"></a></li>
<li><a href="#"><img src="img/1144953-p-2x.jpg" width="55" alt="1144953 P 2x"></a></li>
</ul>
</div>
</div>
то вам по сути надо 2 раза вызвать вывод каждой картинки с разными шаблноами, в каждом шаблоне выполнить %system makeThumbnailFull(%filepath%,180,140)% со своими параметрами ширины и высоты