Нужна помощь для адаптации слайдера под Joomla - Joomla 3.x: Шаблоны, разметка и макеты вывода

<div class="sldr">
<ul class="wrp animate">
<li class="elmnt-one"><a href=""><img src="/images/slider/01.jpg" alt="" /></a></li>
<li class="elmnt-two"><a href=""><img src="/images/slider/02.jpg" alt="" /></a></li>
<li class="elmnt-three"><a href=""><img src="/images/slider/03.jpg" alt="" /></a></li>
<li class="elmnt-four"><a href=""><img src="/images/slider/04.jpg" alt="" /></a></li>
<li class="elmnt-five"><a href=""><img src="/images/slider/05.jpg" alt="" /></a></li>
<li class="elmnt-six"><a href=""><img src="/images/slider/06.jpg" alt="" /></a></li>
</ul>
</div>

<?php
defined('_JEXEC') or die;
for ($i=1;$i<=10;$i++) {
${'file'.$i} = $params->get('file'.$i);
${'file'.$i.'active'} = $params->get('file'.$i.'active');
${'file'.$i.'link'} = $params->get('file'.$i.'link');
${'file'.$i.'alt'} = $params->get('file'.$i.'alt');
}
?>
<div class="sldr">
<ul class="wrp animate">
<?php for ($i=1;$i<=10;$i++) { if (${'file'.$i} && ${'file'.$i.'active'} == 1 && ${'file'.$i} != " ") {?>
[b]<li">[/b]
<?php if (${'file'.$i.'link'}) { ?>
<a href="<?php echo ${'file'.$i.'link'}; ?>"><img src="<?php echo ${'file'.$i}; ?>" alt="<?php echo ${'file'.$i.'alt'}; ?>" /></a>
<?php } else { ?>
<img src="<?php echo ${'file'.$i}; ?>" alt="<?php echo ${'file'.$i.'alt'}; ?>" /> <?php } ?>
</li>
<?php } }?>
</ul>
</div>