В скаченном шаблоне отсутствует слайдер, как его добавить

В СКАЧЕННОМ ШАБЛОНЕ ОТСУТСТВУЕТ СЛАЙДЕР, КАК ЕГО ДОБАВИТЬ?
Добрый день! я использую шаблон интернет -магазина http://addons.diafan.ru/templates/shop/magazin-sportivnykh-tovarov/, в нем стоит баннер на главной странице, без слайдера. Я создала файл bs.view.show_block_slider.php в подпапке custom, такой же как в исходном диафане, добавила jcarousellite_1.0.1.min.js в подпапку js, дописала стили и в main.js добавила


//$(".shop-row .shop-item:nth-child(3n-2)").addClass("first"); /* Хак для IE8, который не понимает nth-child */

var delay = 4000;

var slides = $("#mp-slider .slide");
var dotsContainer = $('<div class="dots-container"> </div>');
$("#mp-slider").append(dotsContainer);

slides.each(function(index, element) {
var dot = $('<span class="dot">&nbsp;</div>');
dotsContainer.append(dot);
dot.click(function(e) {
if (slideShowInterval) clearInterval(slideShowInterval);
showSlide(index);
});

});

var dots = $("#mp-slider .dots-container .dot");
dots.eq(0).addClass("active");
slides.eq(0).addClass("active");

var slideShowInterval = setInterval(function(){
var n = $("#mp-slider .slide.active").next().index();
if (n>slides.length - 1) n = 0;
showSlide(n);

},delay)

function showSlide(n){
slides.removeClass("active");
dots.removeClass("active");
slides.eq(n).addClass("active");
dots.eq(n).addClass("active");
}

function showNext(){
echo ($("#mp-slider .slide.active").next().index());

}
});


но при этом перестает работать меню.

затем я удалила вообще модуль bs и файлы модуля из папки custom, также очистила таблицы в бд, заново установила модуль БАННЕРЫ в админке.
теперь все файлы хранятся в стандартном месте, а не в подпапке custom.
Но слайдер так и не работает! выводится 1 изображение
посмотреть можно тут http://estockgroup.tmweb.ru/


и похожая проблема с прокруткой превьюшек в карточке товара: в шаблоне это не предусмотрено, там превьюшки выводятся блоком( все видны). Как мне сделать стандартную прокрутку?
http://estockgroup.tmweb.ru/property/new-property/apartments/apartamenty-na-2-spalni-elite-atico-5/


В общем, все мои вопросы сводятся к одному:
когда использую шаблон, в нем некоторые стандартные функции урезаны, как их вернуть?

Спасибо за ответ! со слайдером я разберусь, а вот в странице товара:
у меня же все рабно некоторые функции прописаны не в подпапке кастом, а в стандартном месте( modules/shop/view/...)
я и не понимаю, где мне надо править(

вот вывод картинок с превью в файле в шаблоне(custom) в файле shop.view.id.php :

//вывод изображений товара
if (!empty($result['img'])) {
echo '<div class="pics">';
$first = true;
foreach ($result['img'] as $img) {
echo '<a href="' . BASE_PATH . $img["link"] . '" rel="prettyPhoto[gallery' . $result["id"] . 'shop]" data-id="' . $img['id'] . '" class="pics__big" ' . ($first ? '' : ' style="display:none"') . '>
<img src="' . BASE_PATH . $img["link"] . '" alt="' . $img["alt"] . '" class="pics__big__img"><span class="icon-zoom">&nbsp;</span>
</a>';
$first = false;
}

if($result["preview_images"])
{
echo '<a class="control-prev shop-previews-control" href="#">&nbsp;</a>
<a class="control-next shop-previews-control" href="#">&nbsp;</a>';
echo '<div class="shop_preview_img shop-item-previews items-scroller" data-item-per-screen="4" data-controls="shop-previews-control">';
foreach ($result["img"] as $img)
{


echo '<span data-id="' . $img['id'] . '" class="pics__mini' . ($first ? ' pics__mini_active' : '') . '">
<img src="' . $img["preview"] . '" alt="' . $img["alt"] . '" class="pics__mini__img">
</span>';

$first = false;




}
echo '</div>';
}











echo '</div>';
}


а вот как на демо сайте диафана ( там прокрутка превьюшек):

//вывод изображений товара
if (!empty($result["img"]))
{
echo '<div class="js_shop_all_img shop_all_img shop-item-big-images">';
$k = 0;
foreach ($result["img"] as $img)
{
switch ($img["type"])
{
case 'animation':
echo '<a class="js_shop_img shop-item-image'.(empty($k) ? ' active' : '').'" href="'.BASE_PATH.$img["link"].'" rel="prettyPhoto[gallery'.$result["id"].'shop]" style="background-image:url('.BASE_PATH.$img["link"].')" image_id="'.$img["id"].'">';
break;
case 'large_image':
echo '<a class="js_shop_img shop-item-image'.(empty($k) ? ' active' : '').'" href="'.BASE_PATH.$img["link"].'" rel="large_image" width="'.$img["link_width"].'" height="'.$img["link_height"].'" style="background-image:url('.BASE_PATH.$img["link"].')" image_id="'.$img["id"].'">';
break;
default:
echo '<a class="js_shop_img shop-item-image'.(empty($k) ? ' active' : '').'" href="'.BASE_PATH.$img["link"].'" style="background-image:url('.BASE_PATH_HREF.$img["link"].')" image_id="'.$img["id"].'">';
break;
}
echo '<img src="'.BASE_PATH.$img["link"].'" alt="'.$img["alt"].'" title="'.$img["title"].'" image_id="'.$img["id"].'">';
echo '</a>';
$k++;
}
echo '<span class="shop-photo-labels">';
if (!empty($result['hit']))
{
echo '<img src="'.BASE_PATH.Custom::path('img/label_hot_big.png').'">';
}
if (!empty($result['action']))
{
echo '<img src="'.BASE_PATH.Custom::path('img/label_special_big.png').'">';
}
if (!empty($result['new']))
{
echo '<img src="'.BASE_PATH.Custom::path('img/label_new_big.png').'">';
}
echo '</span>';

echo '<span class="icon-zoom">&nbsp;</span>
<span class="js_shop_wishlist shop_wishlist shop-like'.(! empty($result["wish"]) ? ' active' : '').'">&nbsp;</span>';

echo '</div>';
if($result["preview_images"])
{
echo '<a class="control-prev shop-previews-control" href="#">&nbsp;</a>
<a class="control-next shop-previews-control" href="#">&nbsp;</a>';
echo '<div class="shop_preview_img shop-item-previews items-scroller" data-item-per-screen="3" data-controls="shop-previews-control">';
foreach ($result["img"] as $img)
{
echo ' <a class="js_shop_preview_img item" href="#" style="background-image:url('.$img["preview"].')" image_id="'.$img["id"].'">&nbsp;</a>';
}
echo '</div>';
}
}



Подскажите, что надо вставить и куда, чтоб у меня туже была прокрутка превью.

Так никто и не ответил((((