<section id="related-products">
    <div class="home-section-head clearfix">
        <div class="section-title">
            <h2> Sản phẩm tương tự </h2>
        </div>
    </div>
    <div class="home-section-body">
        <div class="grid mg-left-0">
            <!--<div id="owl-related-products-slider" class="owl-carousel owl-theme owl-loaded owl-drag">
                <div class="owl-stage-outer">
                    <div class="owl-stage">-->
					<? foreach ($list_cate as $row) : 
						$link_detail = site.'chi-tiet/'.alias($row->pro_name).'-'.$row->proid.'.html';
						$link_100 = urlimg.'products/800/'.$row->proimg;
						$link_img = urlimg.'products/800/'.$row->proimg;
					?>
                        <div class="grid__item large--one-fifth medium--one-quarter small--one-half pd-left0">
                            <!--<div class="item grid__item pd-left0">-->
                                <div class="product-item">
                                    <div class="product-img"> <a href="<?=$link_detail?>" title="<?=$row->pro_name?>"> <img id="<?=$row->proid?>" class="lazyload" src="<?=$link_100?>" data-src="<?=$link_img?>" alt="<?=$row->pro_name?>"> </a> </div>
                                    <div class="product-item-info">
                                        <div class="product-title"> <a href="<?=$link_detail?>" title="<?=$row->pro_name?>"><?=$row->pro_name?></a> </div>
                                        <div class="product-price clearfix"> <span class="current-price"><?=pricevn($row->price)?>₫</span> </div>
                                    </div>
                                </div>
                            <!--</div>-->
                        </div>
					<? endforeach ;?>
                    <!--</div>
                </div>-->
                <!--<div class="owl-nav disabled">
                    <div class="owl-prev disabled"> <i class="fa fa-angle-left" aria-hidden="true"></i> </div>
                    <div class="owl-next disabled"> <i class="fa fa-angle-right" aria-hidden="true"></i> </div>
                </div>
                <div class="owl-dots disabled"></div>-->
            <!--</div>-->
        </div>
    </div>
</section>
<!--
<script>
function getImageByAlt(alt){
$('.thumbnail-item').each(function(){
if($(this).data('alt') != alt){
	$(this).hide();
}else{
	$(this).show();
}
})
}
$('.product_variant_item').click(function(){
var vid = $(this).data('variant-color');
var imgf = $(this).data('feature-image');
$(".product-thumb img[data-image='"+imgf+"']").click().parents('li').addClass('active');
$('#product-select-option-0').val(vid);
if ($(window).width() > 480) {
getImageByAlt($(this).data('alt'));
};
$('.product_variant_item').removeClass('active');
$(this).addClass('active');
})
$('.product_variant_item').trigger('click');
</script> 
<script>
$(".product-thumb img").click(function(){
$(".product-thumb").removeClass('active');
$(this).parents('li').addClass('active');
$(".product-image-feature").attr("src",$(this).attr("data-image"));
$(".product-image-feature").attr("data-zoom-image",$(this).attr("data-zoom-image"));
});

$(".product-thumb").first().addClass('active');
</script> 
<script>
$(document).ready(function(){
if($(".slides .product-thumb").length>4){
$('#sliderproduct').flexslider({
	animation: "slide",
	controlNav: false,
	animationLoop: false,
	slideshow: false,
	itemWidth:95,
	itemMargin: 10,
});
}
if($(window).width() > 960){
jQuery(".product-image-feature").elevateZoom({
	gallery:'sliderproduct',
	scrollZoom : true
});
} else {

}
jQuery('.slide-next').click(function(){
if($(".product-thumb.active").prev().length>0){
	$(".product-thumb.active").prev().find('img').click();
}
else{
	$(".product-thumb:last img").click();
}
});
jQuery('.slide-prev').click(function(){
if($(".product-thumb.active").next().length>0){
	$(".product-thumb.active").next().find('img').click();
}
else{
	$(".product-thumb:first img").click();
}
});
});
</script> 
<script>
$('.swatch-element.color').click(function(e){
	var color_name = $(this).data("value");
	console.log(color_name);
	$(".item.product_variant_item[data-variant-color='" + color_name + "']").trigger('click');
})

jQuery(window).on('load', function(){
	setTimeout(function() {
		$('#product-select-watch #variant-swatch-0 .select-swap > div:first-child').click();
	},10);
});
</script> 
-->