{namespace owl=Comsolit\OwlSlider\ViewHelpers}

<div id="{f:if(condition:'{settings.slider_id}',then:'sync1_{settings.slider_id}',else:'sync1')}" class="row">
	<f:for each="{items}" as="item">
		<f:if condition="{item.itemimage}">
			<f:if condition="{item.itemlink}">
				<f:then>
					<div class="col-lg-3  col-md-4 col-sm-4  col-6 ">
						<f:format.raw>
							<owl:typolink parameter="{item.itemlink}">
								<div class="card ">
									<div class="card-header">{item.itemname}</div>
									<div class="card-body">
										<f:image class="lazyOwl img-fluid" src="uploads/tx_owlslider/{item.itemimage}" height="{settings.slideHeight}" alt="{item.itemname}"/>
									</div>
								</div>
							</owl:typolink>
						</f:format.raw>
					</div>
				</f:then>
			</f:if>
		</f:if>
	</f:for>
</div>