<{if $products}>
	<{assign var="id" value=0|mt_rand:1000000}>

	<!-- Headline -->
	<h3 class="headline"><{$title|escape}></h3>
	<span class="line margin-bottom-0"></span>

	<!-- Carousel -->
	<div class="showbiz-container carousel-container" >

		<!-- Navigation -->
		<div class="showbiz-navigation">
			<div id="showbiz_left_<{$id}>" class="sb-navigation-left"><i class="fa fa-angle-left"></i></div>
			<div id="showbiz_right_<{$id}>" class="sb-navigation-right"><i class="fa fa-angle-right"></i></div>
		</div>
		<div class="clearfix"></div>

		<!-- Products -->
		<div class="showbiz" data-left="#showbiz_left_<{$id}>" data-right="#showbiz_right_<{$id}>" data-play="#showbiz_play_<{$id}>" >
			<div class="overflowholder">

				<ul>
					<{section name="o" loop=$products}>
						<{assign var="images" value=$products[o]->getImages()}>

						<li>
							<figure class="product">
								<{if $products[o]->getSalePrice()}>
									<div class="product-discount">UDSALG</div>
								<{/if}>
								<div class="mediaholder">
									<a href="<{$products[o]->getRemoteUrl()|escape}>"
										class="productEntity" 
										data-product_name="<{$products[o]->getName()|escape}>" 
										data-product_id="<{$products[o]->getProductId()}>" 
										data-product_price="<{$products[o]->getRealPrice()}>"
										<{if $products[o]->getBrand()}> 
											data-product_brand="<{$products[o]->getBrandName()}>" 
										<{/if}>
										<{if $products[o]->getMainCategory()}>
											data-product_category="<{$products[o]->getMainCategoryName()}>" 
										<{elseif $products[o]->getCategory()}>
											data-product_category="<{$products[o]->getCategoryName()}>" 
										<{/if}>
										data-productlist_position="<{$smarty.section.o.iteration}>" 
										data-productlist_name="Opsalg <{$title|escape|lower}>" 
									>

										<{if $images}>
											<img src="<{$images[0]->getSrc(300, 300, 'box')}>" alt="">
										<{else}>
											<img alt="" src="<{$theme_url}>/templates/images/shop_item_01.jpg" style="height:166px;width:100%;"/>
										<{/if}>

										<div class="cover">
											<{if $images[1]}>
												<img src="<{$images[1]->getSrc(300, 300, 'box')}>" alt="">
											<{elseif $images[0]}>
												<img src="<{$images[0]->getSrc(300, 300, 'box')}>" alt="">
											<{else}>
												<img alt="" src="<{$theme_url}>/templates/images/shop_item_01_hover.jpg"/>
											<{/if}>
										</div>
									</a>
									<a href="<{$products[o]->getRemoteUrl()|escape}>" class="product-button"><i class="fa fa-shopping-cart"></i> Se produkt</a>
								</div>

								<a href="<{$products[o]->getRemoteUrl()|escape}>">
									<section>
										<{*
											<span class="product-category"><{$products[o]->getMainCategoryName()|escape}></span>
										*}>
										<h5><{$products[o]->getName()|escape|truncate:19:"...":true}></h5>
										<span class="product-price"><{$products[o]->getRealPrice()|number_format:2:",":"."}> <{$webshop->getCurrency()}></span>
									</section>
								</a>
							</figure>
						</li>

					<{/section}>
				</ul>

				<div class="clearfix"></div>

			</div>
			<div class="clearfix"></div>
		</div>
	</div>

<{/if}>