Здравствуйте, предлагаю Вам установить вот такой слайдер.  Он похож на тот, что присылали Вы, но при этом "легче" и проще в установке. Для этого Вам необходимо загрузить все файлы из этой папки у себя в админке:
Слайдер.zip



Затем изменяем шаблон HTML.

1) Найдите код:

<script type="text/javascript" src="{ASSETS_JS_PATH}jssor_slider.js?design=dark"></script>

и замените на код:

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider-min.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.flexslider.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}flexslider.css" type="text/css" />

затем найдите код:

<!-- Запуск слайдера -->
{% IF index_page %}
<script>
	 $(function(){ slideShow()});
</script>
{% ENDIF %}

и замените на код:

<style type="text/css">
@font-face {
font-family: 'flexslider-icon';
src: url('/design/flexslider-icon.ttf');
font-weight: normal;
font-style: normal;
}
</style>

затем код:

	 <!-- Jssor Slider Слайдер Начало -->
	 {% IF index_page %}
	 <div id="slideshow" class="wrap">
	 <div id="slider">
		 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
		 <div>
			 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=dark" /></a>
		 </div>
		 <div>
			 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=dark" /></a>
		 </div>
		 <div>
			 <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=dark" /></a>
		 </div>
		 </div>
		 <!-- Arrow Left -->
	 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд">
	 </span>
	 <!-- Arrow Right -->
	 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд">
	 </span>
	 </div>
	 </div>
	 {% ENDIF %}
	 <!-- Jssor Slider Слайдер Конец -->

замените на код:

<!-- Флекс-слайдер -->
<div id="slider" class="flexslider">
<ul class="slides">
<li>
	 <img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" />
</li>
<li>
	 <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" />
</li>
<li>
	 <img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" title="" />
</li>
<!-- items mirrored twice, total of 12 -->
</ul>
</div>
<div id="carousel" class="flexslider">
<ul class="slides">
<li>
	 <img src="{ASSETS_IMAGES_PATH}slide1.jpg" alt="" title="" />
</li>
<li>
	 <img src="{ASSETS_IMAGES_PATH}slide2.jpg" alt="" title="" />
</li>
<li>
	 <img src="{ASSETS_IMAGES_PATH}slide3.jpg" alt="" title="" />
</li>
<!-- items mirrored twice, total of 12 -->
</ul>
</div>
<script>
$(window).load(function() {
// The slider being synced must be initialized first
$('#carousel').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
itemWidth: 210,
itemMargin: 5,
asNavFor: '#slider'
});

$('#slider').flexslider({
animation: "slide",
controlNav: false,
animationLoop: false,
slideshow: false,
sync: "#carousel"
});
});
</script>
<!--END флекс-слайдер-->

Затем зайдите в flexslider.css, найдите и удалите код:

/* ====================================================================================================================
* FONT-FACE
* ====================================================================================================================*/
@font-face {
font-family: 'flexslider-icon';
src: url('fonts/flexslider-icon.eot');
src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}

1. В main.css найдите:

 #search_mini_form input { background: #F0FFFF; color: #CCC; border: medium none; border-radius: 25px; height: 25px; float: right; font-size: 12px; margin-top: 9px; width: 200px; padding-left: 10px; padding-right: 30px; } 

в нем измените значение color или background, в зависимости от того хотите ли вы поменять цвет текста или фона поля поиска, для подвала в main.css добавьте:

 #footer-middle .inputText { color: #000; background: #fff; } 

2. В main.css найдите:

 #wrapper { background: rgba(0, 0, 0, 0.1); position: relative; z-index: 0; min-height: 1000px; } 

замените на:

 #wrapper { background: url('ссылка на фон'); position: relative; z-index: 0; min-height: 1000px; } 

и текст замените на ссылку 3. Инструкция по реализации: http://forum.storela..._20#entry220681

Здравствуйте, у вас увеличиваются картинки из-за того, что размер загруженных картинок не соответствует размеру слайдера. Загрузите картинки размера 1920*500px. и у Вас будет слайдер отображаться корректно.

Здравствуйте! Протестировали Ваш магазин, слайдер отображается корректно.
Уточните, пожалуйста, по второму вопросу,

Слайдер расположен только на главной, в категориях магазина он не отображается. Или Вы имели ввиду что-то другое?