#set($productlist = $mediaarchive.query("product").exact("showonhome", "true").search()) #if($productlist.size() > 0)
<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="carousel">
	<div class="carousel-indicators">
		#foreach($prod in $productlist)
		#set($asset = $mediaarchive.getAsset($prod.homepageimage)) 
#if($asset)
		<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="$foreach.index" class="active" aria-current="true" aria-label="Slide 1"></button>
#end
		#end
	</div>
	<div class="carousel-inner">
		#foreach($prod in $productlist) 
		#set($asset = $mediaarchive.getAsset($prod.homepageimage)) 

		#if($asset)
		#set ($assetsourcepath = $asset.sourcepath) 
		
		#set( $tsize = "$home$cataloghome/downloads/preview/thumbsmall/$assetsourcepath/thumb.jpg") 
		#set( $msize =  $mediaarchive.asLinkToPreview($asset,"image1920x500cropped.jpg"))
		<div class="carousel-item #if($foreach.count == 1) active #end">
			<img src="$msize" class="d-block w-100" alt="...">
			<div class="carousel-caption d-none d-md-block">
				<h1 class="display-5">$prod.name</h1>
				<p>$!prod.bannercaption</p>
				<a class="btn btn-large btn-primary success p-3" href="$apphome/views/cart/products/${prod.id}.html">Discover More</a>
			</div>
		</div>
#end
		#end
	</div>
	<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
		<span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span>
	</button>
	<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
		<span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span>
	</button>
</div>
#end
#set($currentcat = $context.getRequestParameter("productcategory.value"))
#set($catlist = $mediaarchive.getList("productcategory"))

#if($catlist.size() > 0)


 
<ul class="nav nav-pills border shadow mb-3 mt-3 p-1" >
 <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Categories: </a>
  </li>
  <li class="nav-item" ><a class="nav-link #if(!$currentcat) active #end" href="$apphome/views/cart/">All</a></li>
  
  #foreach($cat in $catlist)
  #if($currentcat == $cat.id)
  <li  class="nav-item "><a class="nav-link active" href="$apphome$storehome/search/fieldsearch.html?field=productcategory&productcategory.value=${cat.id}&operation=exact">$cat.name</a></li>
  #else
  <li class="nav-item" ><a class="nav-link" href="$apphome$storehome/search/fieldsearch.html?field=productcategory&productcategory.value=${cat.id}&operation=exact">$cat.name</a></li>
  #end
  #end
</ul>
#end