<?php
$this->language->load('product/product');
$button_wishlist = $this->language->get('button_wishlist');
$button_compare = $this->language->get('button_compare');
?>
<?php if (($setting['position'] == 'content_top') || ($setting['position'] == 'content_bottom')){ ?>
<div class="sliderhome">
				<div class="dc-slider dc-responsive" style="width: 100%; margin:0 auto; padding:0;  position:relative;"> <!-- define slider container width (strict enforce) -->



					<!-- navigation controls -->

				  <div class="navig-carousel" style="display:none;">

					<div id="scarousel-left-685" class="scarousel-left"></div>

					<div id="scarousel-right-685" class="scarousel-right"></div>

				  </div>

				  

				  <section class="f-slide">

					<div class="f-carousel-container">

					  <div id="carousel_685" class="f-carousel">



  <?php foreach ($products as $product) { ?>
					  	


	<div class="carousel-feature"> 

							<div class="banner-image">
							<a  href="<?php echo $product['href']; ?>" target="_self"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" /></a>                            </div>

						  <div class="mask"><img alt="" src="catalog/view/theme/elegance cart-pixelcreativ/image/crousel-bottom.png"></div>

						  <div class="carousel-caption hidden-xs hidden-sm ">

						  	<h4><?php echo $product['name']; ?></h4>
        <p><?php echo $product['description']; ?></p>
        
							
						  </div>

	</div>

        <?php } ?>




					  	


					  </div> <!-- /carousel -->

					</div> <!-- /carousel-container -->

				  </section> <!-- /section slide -->

				</div>

				<!-- DC sCarousel Slider End -->

				<div class="dc_clear"></div> <!-- line break/clear line -->



			<div class="clr"></div>



			<script type="text/javascript">

			// <![CDATA[

				 jQuery(document).ready(function() {

					jQuery("#carousel_685").featureCarousel({

						carouselSpeed: 1000,

						autoPlay: 50000,

						stopOnHover: false,

						leftButtonTag: "#scarousel-left-685",

						rightButtonTag: "#scarousel-right-685"

					});

				  });

			// ]]>

			</script>


</div>
<div class="shadow-img"><img src="catalog/view/theme/elegance cart-pixelcreativ/image/shadow-img.png" alt="" /></div>
<div class="clearfix"></div>
<style>


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 989px) {
.sliderhome { width: auto; margin: 0 10px; }
}


@media only screen and (max-width: 767px) {
.sliderhome { width: auto; margin: 0 10px; }
}
</style>
		




<?php } else { ?>
<h3><?php echo $heading_title; ?></h3>
<div class="row widget-inline">
			<div class=" widget">
			  

				<ul class="products-list-mini list-unstyled">
				<?php foreach ($products as $product) { ?>
					<li>
							<?php if ($product['thumb']) { ?>

						<a href="<?php echo $product['href']; ?>" class="product-thumb pull-left">
							<img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" width="90" height="90" />
						</a>
						<?php } else { ?>
						<a href="<?php echo $product['href']; ?>" class="product-thumb pull-left">
							<img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" width="90" height="90" />
						</a>
	    <?php } ?> 
						<div class="product-details">
							<h3 class="product-name">
								<a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a>
							</h3>
							
							<b class="product-price">
								 <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
         <em><?php echo $product['price']; ?></em><?php echo $product['special']; ?>
          <?php } ?>
							</b>
							        <?php if ($product['rating']) { ?>
        <div class="rating">
          <?php for ($i = 1; $i <= 5; $i++) { ?>
          <?php if ($product['rating'] < $i) { ?>
          <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>
          <?php } else { ?>
          <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span>
          <?php } ?>
          <?php } ?>
        </div>
        <?php } ?>

						</div>
					</li>
						    <?php } ?> 

</ul>
</div>

</div>

<?php } ?>