Webasyst, добавление слайдера Bootstrap 4

30 июля 2019

Если сайт на Webasyst использует Bootstrap 4, то вот готовое решение стандартного слайдера. Изображения подгружаются из указанного альбома в приложении Фото

В приложении фото создаете, или выбираете альбом, откуда будут подтягиваться фото для слайдера

В приложении Сайт, в Файл-менеджер загружаете первую картинку для слайдера (если нужно - создаете папку)

Вот код вставки в блок, или шаблон, или страницу (подставьте свои значения альбомов и картинок)

<div id="slider1" class="carousel slide" data-ride="carousel">
	<!-- The slideshow -->
	<div class="carousel-inner">
		<div class="carousel-item active">
			<img src="{$wa_theme_url}папка/картинка" class="d-block w-100" alt="">
		</div>
		{if $wa->photos}
		{$photos = $wa->photos->photos("адрес_альбома", "размер_картинки")}
		{foreach $photos as $photo}
		<div class="carousel-item">
			<img src='{$photo.thumb_размер_картинки.url}' class="d-block w-100" alt='{$photo.name}.{$photo.ext}'>
		</div>
		{/foreach}
		{/if}
	</div>
	<!-- Left and right controls -->
	<a class="carousel-control-prev" href="#slider1" data-slide="prev">
		<span class="carousel-control-prev-icon"></span>
	</a>
	<a class="carousel-control-next" href="#slider1" data-slide="next">
		<span class="carousel-control-next-icon"></span>
	</a>
</div>

Вот тут у нас написано, как узнать адрес альбома 

В результате получится типа такого