Сборка - Проблема после установки 1.X

 
{literal}
	<script type="text/javascript" src="/modules/mod_aslider/js/jquery.sliderPro.min.js"></script>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" type="text/css" href="/modules/mod_aslider/css/slider-pro.css" media="screen"/>
	<script type="text/javascript">
	$( document ).ready(function( $ ) {
		$( '#example1' ).sliderPro({
			width: 960,
			height: 450,
			arrows: true,
			buttons: false,
			waitForLayers: true,
			thumbnailWidth: 200,
			thumbnailHeight: 100,
			thumbnailPointer: true,
			autoplay: true,
			autoScaleLayers: false,
			breakpoints: {
				500: {
					thumbnailWidth: 120,
					thumbnailHeight: 50
				}
			}
		});
	});
    </script>
{/literal}	
 
<div id="example1" class="slider-pro">
	<div class="sp-slides">
		{foreach key=aid item=article from=$articles}
			<div class="sp-slide">					
				{if $article.image}
					<img class="sp-image" src="/modules/mod_aslider/images/blank.gif" border="0" alt="{$article.title|escape:'html'}"
					data-src="/images/photos/medium/{$article.image}"
					data-retina="/images/photos/medium/{$article.image}"/>
				{else}
					<img class="sp-image" src="/modules/mod_aslider/images/blank.gif" border="0" alt="{$article.title|escape:'html'}"
					data-src="/modules/mod_aslider/images/no.jpg"
					data-retina="/modules/mod_aslider/images/no.jpg"/>
				{/if}
 
				<p class="sp-layer sp-black sp-padding" 
					data-position="topLeft" data-horizontal="20" data-vertical="20"
					data-show-transition="down" data-show-delay="500" data-hide-transition="up">
					{$article.pubdate|date_format:"%A, %d %B, в %H:%M"|replace:"Monday":"Понедельник"|replace:"Tuesday":"Вторник"|replace:"Wednesday":"Среда"|replace:"Thursday":"Четверг"|replace:"Friday":"Пятница"|replace:"Saturday":"Суббота"|replace:"Sunday":"Воскресенье"|replace:"January":"января"|replace:"February"|replace:"февраля"|replace:"March":"марта"|replace:"April":"апреля"|replace:"May":"мая"|replace:"June":"июня"|replace:"July":"июля"|replace:"August":"августа"|replace:"September":"сентября"|replace:"October":"октября"|replace:"November":"ноября"|replace:"December":"декабря"|replace:"Январь":"января"|replace:"Февраль"|replace:"февраля"|replace:"Март":"марта"|replace:"Апрель":"апреля"|replace:"Май":"мая"|replace:"Июнь":"июня"|replace:"Июль":"июля"|replace:"Август":"августа"|replace:"Сентябрь":"сентября"|replace:"Октябрь":"октября"|replace:"Ноябрь":"ноября"|replace:"Декабрь":"декабря"} 
				</p>
 
				<p class="sp-layer sp-white sp-padding hide-small-screen" 
					data-position="bottomLeft" data-horizontal="20" data-vertical="20"
					data-show-transition="up" data-show-delay="500" data-hide-transition="down">	
						{$article.description|strip_tags|truncate:200}
						<a href="{$article.url}" style="z-index:9999; position:relative;">{$LANG.BB_CUT_DEMO}</a>
				</p>		
			</div>
			<div class="sp-thumbnails">
				<div class="sp-thumbnail">
					<div class="sp-thumbnail-title">{$article.title}</div>
				</div>
			</div>
		{/foreach}		
	</div>
</div>
 

 
{literal}
	<script type="text/javascript" src="/modules/mod_aslider/js/jquery.sliderPro.min.js"></script>
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" type="text/css" href="/modules/mod_aslider/css/slider-pro.css" media="screen"/>
	<script type="text/javascript">
	$( document ).ready(function( $ ) {
		$( '#example1' ).sliderPro({
			width: 1024,
			height: 683,
			arrows: true,
			buttons: false,
			waitForLayers: true,
			thumbnailWidth: 200,
			thumbnailHeight: 100,
			thumbnailPointer: true,
			autoplay: true,
			autoplayDelay: 8000,
			autoScaleLayers: false,
			breakpoints: {
				500: {
					thumbnailWidth: 120,
					thumbnailHeight: 50
				}
			}
		});
	});
    </script>
{/literal}	
 
<div id="example1" class="slider-pro">
	<div class="sp-slides">
		{foreach key=aid item=article from=$articles}
			<div class="sp-slide">					
				{if $article.image}
					<img class="sp-image" src="/modules/mod_aslider/images/blank.gif" border="0" alt="{$article.title|escape:'html'}"
					data-src="/upload/content/medium/{$article.image}"
					data-retina="/upload/content/medium/{$article.image}"/>
				{else}
					<img class="sp-image" src="/modules/mod_aslider/images/blank.gif" border="0" alt="{$article.title|escape:'html'}"
					data-src="/modules/mod_aslider/images/no.jpg"
					data-retina="/modules/mod_aslider/images/no.jpg"/>
				{/if}
				<p class="sp-layer sp-black sp-padding"
					data-position="topLeft" data-horizontal="20" data-vertical="20"
					data-show-transition="down" data-show-delay="500" data-hide-transition="up">
					{$article.fpubdate}
				</p>
				<p class="sp-layer sp-white sp-padding hide-small-screen" 
					data-position="bottomLeft" data-horizontal="20" data-vertical="20"
					data-show-transition="up" data-show-delay="500" data-hide-transition="down">	
						{$article.description|strip_tags|truncate:200}
						<a href="{$article.url}" style="z-index:9999; position:relative;">{$LANG.BB_CUT_DEMO}</a>
				</p>		
			</div>
			<div class="sp-thumbnails">
				<div class="sp-thumbnail">
					<div class="sp-thumbnail-title">{$article.title}</div>
				</div>
			</div>
		{/foreach}		
	</div>
</div>