<div class="header">
<div class="header-left"> <a href="/" class="sidebar-logo"><span>OpenzcTPL.</span></a> </div>
<!-- header-left -->
<div class="header-right">
{openzc:ajax filename="compare"}
<div class="dropdown dropdown-notification">
<a href="javascript:void(0)" class="dropdown-link" data-toggle="dropdown" aria-expanded="false">
<i class="icon-n-08"></i><span class="badge badge-pill badge-primary pos-absolute t--10 pd-2 pd-l-4 pd-r-4">{openzc:var name="$compareCount"/}</span>
</a>
<div class="dropdown-menu dropdown-menu-right" x-placement="bottom-end" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(20px, 19px, 0px);">
<div class="dropdown-menu-header">
<h6>Compare List</h6>
{openzc:if $compareCount>0}
<a href="javascript:void(0)" class="openzc-btn" data-action="clearCompare" data-reload="compare">Clear Compare</a>
{/openzc:if}
</div>
<!-- dropdown-menu-header -->
{openzc:if $compareCount>0}
<div class="dropdown-menu-body">
{openzc:prolist type="compare" imgsizer="40,40"}
<a href="" class="dropdown-item">
<div class="avatar"><img src="[field:products_image/]"/></div>
<div class="dropdown-item-body">
<p>[field:products_name/]</p>
<span>[field:products_price/]</span>
</div>
</a>
{/openzc:prolist}
</div>
<!-- dropdown-menu-body -->
<div class="dropdown-menu-footer"> <a href="{openzc:link name='FILENAME_COMPARE'/}">View All Compare</a> </div>
{else}
<p class="tx-center pd-t-20">The compare list is empty!</p>
{/openzc:if}
</div>
<!-- dropdown-menu -->
</div>
{/openzc:ajax}
{openzc:ajax filename="viewcart"}
<div class="dropdown dropdown-notification">
<a href="javascript:void(0)" class="dropdown-link mg-l-15" data-toggle="dropdown" aria-expanded="false">
<i class="icon-f-39 h5"></i><span class="badge badge-pill badge-primary pos-absolute t--10 pd-2 pd-l-4 pd-r-4">{openzc:var name="$cartCount"/}</span>
</a>
<div class="dropdown-menu dropdown-menu-right" x-placement="bottom-end" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(20px, 19px, 0px);">
<div class="dropdown-menu-header">
<h6>Shopping Cart</h6>
{openzc:if $cartCount>0}
<a href="javascript:void(0)" class="openzc-btn" data-action="clearCart" data-reload="viewcart">Clear Compare</a>
{/openzc:if}
</div>
<!-- dropdown-menu-header -->
{openzc:if $cartCount>0}
<div class="dropdown-menu-body">
{openzc:cart imgsizer="40,40"}
<a href="" class="dropdown-item">
<div class="avatar"><img src="[field:products_image/]"/></div>
<div class="dropdown-item-body">
<p>[field:products_name/]</p>
<span>[field:products_price/] × [field:products_qty/] </span>
</div>
</a>
{/openzc:cart}
</div>
<!-- dropdown-menu-body -->
<div class="dropdown-menu-footer"> <a href="{openzc:link name='FILENAME_SHOPPING_CART'/}">View Cart</a> </div>
{else}
<p class="tx-center pd-t-20">The shopping cart list is empty!</p>
{/openzc:if}
</div>
<!-- dropdown-menu -->
</div>
{/openzc:ajax}
{openzc:ajax filename="wishlist"}
<div class="dropdown dropdown-notification">
<a href="javascript:void(0)" class="dropdown-link mg-l-15" data-toggle="dropdown" aria-expanded="false">
<i class="icon-n-072 h6"></i><span class="badge badge-pill badge-primary pos-absolute t--10 pd-2 pd-l-4 pd-r-4">{openzc:var name="$wishlistCount"/}</span>
</a>
<div class="dropdown-menu dropdown-menu-right" x-placement="bottom-end" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(20px, 19px, 0px);">
<div class="dropdown-menu-header">
<h6>Wishlist</h6>
{openzc:if $wishlistCount>0}
<a href="javascript:void(0)" class="openzc-btn" data-action="clearWishlist" data-reload="wishlist">Clear Wishlist</a>
{/openzc:if}
</div>
<!-- dropdown-menu-header -->
{openzc:if $wishlistCount>0}
<div class="dropdown-menu-body">
{openzc:prolist type="wishlist" imgsizer="40,40"}
<a href="" class="dropdown-item">
<div class="avatar"><img src="[field:products_image/]"/></div>
<div class="dropdown-item-body">
<p>[field:products_name/]</p>
<span>[field:products_price/]</span>
</div>
</a>
{/openzc:prolist}
</div>
<!-- dropdown-menu-body -->
<div class="dropdown-menu-footer"> <a href="{openzc:link name='FILENAME_ACCOUNT_WISHLIST'/}">View All Wishlist</a> </div>
{else}
<p class="tx-center pd-t-20">The wishlist list is empty!</p>
{/openzc:if}
</div>
<!-- dropdown-menu -->
</div>
{/openzc:ajax}
</div>
<!-- header-right -->
</div>
<!----------------------------------------产品列表---------------------------------------->
<div class="row mg-t-20">
{openzc:prolist cid="all" row="6" imgsizer="280,350"}
<div class="col-6 col-md-3 col-lg-2">
<div class="tt-product thumbprod-center product-nohover">
<div class="tt-image-box">
<a href="#" class="tt-btn-quickview d-none"></a>
<a href="javascript:void(0);" class="tt-btn-wishlist openzc-btn" data-action="addWishlist" data-id="[field:products_id/]" data-reload="wishlist" data-tooltip="Add to Wishlist" data-tposition="left"></a>
<a href="javascript:void(0);" class="tt-btn-compare openzc-btn" data-action="addCompare" data-id="[field:products_id/]" data-reload="compare" data-tooltip="Add to Compare" data-tposition="left"></a>
<a href="[field:products_link/]">
<span class="tt-img">
<img src="[field:products_image/]" alt="" class="loaded" data-was-processed="true">
</span>
<span class="tt-img-roll-over">
<img src="[field:products_image_flip/]" alt="" class="loaded" data-was-processed="true">
</span>
</a>
</div>
<div class="tt-description">
<div class="tt-row">
<ul class="tt-add-info">
<li><a href="[field:categories_link/]">[field:categories_name/]</a></li>
</ul>
<div class="tt-rating">
<i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star-half"></i><i class="icon-star-empty"></i>
</div>
</div>
<h2 class="tt-title"><a href="[field:products_link/]">[field:products_name/]</a></h2>
<div class="tt-price">[field:products_price/]</div>
<div class="tt-product-inside-hover">
{openzc:if $field['buy_now']==false}
<div class="tt-row-btn"><a href="[field:products_link/]" class="tt-btn-addtocart thumbprod-button-bg">ADD TO CART</a></div>
{else}
<div class="tt-row-btn"><a href="javascript:void(0)" class="tt-btn-addtocart thumbprod-button-bg openzc-btn" data-action="buyNow" data-id="[field:products_id/]" data-reload="viewcart">BUY NOW</a></div>
{/openzc:if}
</div>
</div>
</div>
</div>
{/openzc:prolist}
</div><script src="/includes/templates/template_doc/html/modules/assets/js/openzc.js"></script>
