Как сделать слайдер контента в стандартном шаблоне движка DLE?

Question

[Алексей Королёв]

В стандартном шаблоне Default в движке DLE есть слайдер картинок с текстом. Как сделать из него слайдер контента через Custom ?
Пробую сделать так
Файл слайдера

[aviable=main]
<!-- Карусель (http://getbootstrap.com/javascript/#carousel) -->
<div id="carousel-main" class="carousel slide vertical" data-ride="carousel">
	<div class="carousel-control">
		<div class="carousel-control_in">
			<a class="up" href="#carousel-main" role="button" data-slide="prev">
				<svg class="icon icon-up"><use xlink:href="#icon-up"></use></svg>
				<span class="title_hide">Вверх</span>
			</a>
			<ol class="carousel-indicators">
				<li data-target="#carousel-main" data-slide-to="0" class="active"></li>
				<li data-target="#carousel-main" data-slide-to="1"></li>
				<li data-target="#carousel-main" data-slide-to="2"></li>
			</ol>
			<a class="down" href="#carousel-main" role="button" data-slide="next">
				<svg class="icon icon-down2"><use xlink:href="#icon-down2"></use></svg>
				<span class="title_hide">Вниз</span>
			</a>
		</div>
	</div>
	<div class="carousel-inner" role="listbox">
	{custom  limit="3" order="rand" template="modules/custom/slide"}
	</div>
</div>
<!-- / Карусель -->
[/aviable]

Файл слайда

<div class="item">
			<div class="carousel-caption">
				<div class="carousel-caption_in">
					<div class="title">{title}</div>
					<div class="text">{short-story}</div>
				</div>
			</div>
			<div class="cover" style="background-image: url({image-1});"></div>
		</div>

Answer 1

[Алексей Тутубалин]

Используй https://owlcarousel2.github.io/OwlCarousel2/ давно ей пользуюсь все просто