Я не программист, вот и не хватает знаний, чтоб допилить. Надеюсь, что поможете. 95% сделано, последние 5% с...ка так и не додумал я до конца.
Нашел на гитхабе один прикольный слайд.
Решил установить вместо старого. Вроде бы все получилось, появилось 3 картинки объявления, при нажатии на любую из них, появляется слайдшоу.
https://image.prntscr.com/image/cZtjSjD ... emKnAQ.png 
. В общем, в новом слайде нет главной фотки с перелистыванием (со стрелками), а просто три маленькие картинки
https://image.prntscr.com/image/f1Wplyi ... p4YPfg.png 
.
Хочется, чтоб расположение маленьких фото и большой было как на старом слайде неизменно
https://image.prntscr.com/image/tBO5jqe ... GIgAYQ.png 
, так же перелистовка стрелками чтоб осталась, но при нажатии на главную (большую фотку), появлялся слайдшоу которое как у нового слайда ,
а не как у старого
https://image.prntscr.com/image/nxKyDQk ... r4AkAA.png 
Вот фрагмент старого слайда :
<div class="img-slider-box">
<div class="slider-left">
<ul class="bxslider">
{%foreach from=$message.fields.i item='image'%}
<li><a class="popup-gallery" title="{%$message.title%}" href="{%$settings.path%}uploads/images/tb/{%$image.value%}"><img src="{%$settings.path%}uploads/images/tb/{%$image.value%}" alt="{%$message.title%}"/></a></li>
{%/foreach%}
</ul>
</div>
{%if $message.fields.i|@count > 1%}
<div id="bx-pager" class="scrollbar">
{%foreach from=$message.fields.i item='image' name='thimages'%}
<a class="thumb-item-link" data-slide-index="{%$smarty.foreach.thimages.index%}" href="">
<img src="{%$settings.path%}uploads/images/ts/{%$image.value%}" alt="img"/>
</a>
{%/foreach%}
</div>
{%/if%}
</div>
</div>
{%/if%}
Вот фрагмент нового кода слайда Без главной фотки:
<div class="mu-gallery">
<ul id="lightgallery" class="list-unstyled row">
{%foreach from=$message.fields.i item='image' name='thimages'%}
<li class="col-xs-6 col-sm-4 col-md-3" data-responsive="{%$settings.path%}uploads/images/ts/{%$image.value%}, {%$settings.path%}uploads/images/tb/{%$image.value%} 480, {%$settings.path%}uploads/images/tb/{%$image.value%} 800" data-src="{%$settings.path%}uploads/images/tb/{%$image.value%}" data-sub-html="<h4>Fading Light</h4><p>Classic view from Rigwood Jetty on Coniston Water an old archive shot similar to an old post but a little later on.</p>" data-pinterest-text="Pin it1" data-tweet-text="share on twitter 1">
<a class="thumb-item-link" data-slide-index="{%$smarty.foreach.thimages.index%}" href="">
<img class="img-responsive" src="{%$settings.path%}uploads/images/ts/{%$image.value%}" alt="Photo-1">
</a>
</li>
{%/foreach%}
</div>
Если хотите посмотреть, то заходите на сайт http://объявления-в-тольятти.рф и выберите оформление eco2. Расположение нового слайда, точнее картинки, находится на странице с объявлением в конце, перед "похожие объявления".
Как их скомпилировать, чтоб старая галерея функционировала и выглядела так же, но при нажатии на главную фотку, открывался слайд новый с черным фоном???