Browse The Collection of Top Products
<!-- {#if $T.itemList!=null&&$T.itemList.length>0} {#foreach $T.itemList as record} <tr> <td data-label="Product" class="ec-cart-pro-name"> <a href="/product-detail?p={$T.record.productId}"> <img class="ec-cart-pro-img mr-4" src="{$T.record.picUrlPathWithDomain}" alt="">{$T.record.productName} </a> </td> <td data-label="Price" class="ec-cart-pro-price"> <span class="amount">{$T.record.productPrice}</span> </td> <td data-label="Quantity" class="ec-cart-pro-qty" style="text-align: center;"> <div class="cart-qty-plus-minus"> <input class="cart-plus-minus" type="text" name="cartqtybutton" value="{$T.record.quantity}"></div> </td> <td data-label="Total" class="ec-cart-pro-subtotal">{$T.record.productPrice}</td> <td data-label="Remove" class="ec-cart-pro-remove"> <a href="javascript:void(0)" onclick="CartOrder.removeOfCart({$T.record.id},1)" ><i class="ecicon eci-trash-o"></i></a> </td> </tr> {#/for} {#/if} -->
<!-- {#if $T.itemList!=null&&$T.itemList.length>0} {#foreach $T.itemList as record} <li><a href="product-left-sidebar.html" class="sidekka_pro_img"><img src="{$T.record.picUrlPathWithDomain}" alt="product"></a> <div class="ec-pro-content"><a href="/product-detail?id={$T.record.productId}" class="cart_pro_title">{$T.record.productName}</a> <span class="cart-price"><span>$ {$T.record.productPrice} </span>x {$T.record.quantity}</span> <a href="javascript:void(0)" onclick="CartOrder.removeOfCart({$T.record.id})" class="remove">×</a> </div> </li> {#/for} {#/if} -->
<!-- {#if $T!=null&&$T.length>0} {#foreach $T as record} <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6 mb-6 ec-product-content"> <div class="ec-product-inner"> <div class="ec-pro-image-outer"> <div class="ec-pro-image"> <a href="/product-detail?p={$T.record.id}" > <img class="main-image" src="{$T.record.picUrl}" alt="{$T.record.productName}"> </a> <div class="ec-pro-actions"></div> </div> </div> <div class="ec-pro-content"> <h5 class="ec-pro-title"><a href="/product-detail?p={$T.record.id}" >{$T.record.productName}</a> </h5> <div class="ec-pro-rating"> {#if $T.record.productRatings!=null&&$T.record.productRatings>40} <i class="ecicon eci-star fill"></i> <i class="ecicon eci-star fill"></i> <i class="ecicon eci-star fill"></i> <i class="ecicon eci-star fill"></i> <i class="ecicon eci-star fill"></i> {#elseif $T.record.productRatings!=null&&$T.record.productRatings>30} <i class="ecicon eci-star fill"></i> <i class="ecicon eci-star fill"></i> <i class="ecicon eci-star fill"></i> <i class="ecicon eci-star fill"></i> <i class="ecicon eci-star "></i> {#elseif $T.record.productRatings!=null&&$T.record.productRatings>20} <i class="ecicon eci-star fill"></i> <i class="ecicon eci-star fill"></i> <i class="ecicon eci-star fill"></i> <i class="ecicon eci-star "></i> <i class="ecicon eci-star "></i> {#elseif $T.record.productRatings!=null&&$T.record.productRatings>10} <i class="ecicon eci-star fill"></i> <i class="ecicon eci-star fill"></i> <i class="ecicon eci-star "></i> <i class="ecicon eci-star "></i> <i class="ecicon eci-star "></i> {#elseif $T.record.productRatings!=null&&$T.record.productRatings>0} <i class="ecicon eci-star fill"></i> <i class="ecicon eci-star "></i> <i class="ecicon eci-star "></i> <i class="ecicon eci-star "></i> <i class="ecicon eci-star "></i> {#else} <i class="ecicon eci-star "></i> <i class="ecicon eci-star "></i> <i class="ecicon eci-star "></i> <i class="ecicon eci-star "></i> <i class="ecicon eci-star "></i> {#/if} </div> <span class="ec-price"><span class="old-price">$ {$T.record.price}</span><span class="new-price">$ {$T.record.priceFinally}</span></span> <div class="ec-pro-option"> <div class="ec-pro-color"> {$T.record.productSubtitle} </div> </div> </div> </div> </div> {#/for} {#/if} <div class="col-sm-12 shop-all-btn"><a href="/products">Shop All Collection</a></div> -->
