Вот таким образом необходимо подправить код в файле шаблона slider.tpl
HTML:
<li id="{$s->id}">
<div class="limiterContainer">
<div class="limiter">
<div class="sliderContent for{$s->id}">
<div class="bigText whiteColor noMargin">{$s->name}</div>
<div class="smallText whiteColor">{$s->description}</div>
<a href="{$s->url}" class="cButton">Перейти в раздел</a>
</div>
</div>
</div>
<span data-large="{$s->image}" data-normal="{$s->image}"></span>
</li>
Также необходимо подправить с учётом id каждого слайда свой стиль в css
Одна картинка с надписью слева, другая - справа.
И также необходимо выдрать с сайта исходника (или скачать в любом другом месте) шрифт для заголовка, его нет в шаблоне по умолчанию, и подключить.
Вот это всё, что я придумал, но главное - работает.
Если будут доп.вопросы по моему решению - обращайтесь.
