<div class="boxes clearfix"> {#foreach $T as ProductRecord} <div class="box"> <div class="product_box"> <div class="img" onclick="fnSetRedirectURL(event,'/Product/{$T.ProductRecord.sProductCode}-{$T.ProductRecord.id_Product}')"> <img alt="" src='/ProductImages/{$T.ProductRecord.sThumbImage}' onerror="this.src='/images/NoImageAvailableThumb.png';" /> {#if $T.ProductRecord.isSale == "1"} <div class="new">Clearance</div> {#else} {#if $T.ProductRecord.isBestSeller == "1"} <div class="new">Best Seller</div> {#else} {#if $T.ProductRecord.isLatest == "1"} <div class="new">New</div> {#/if} {#/if} {#/if} <div class="box-hover"> <ul class="add-to-links"> <li><a class="link-quickview fancybox popup" href="#quick_view_{$T.ProductRecord.id_Product}">Quick View</a></li> <!-- Popup HTML code is at bottom of page ( After Footer ) --> {#if $T.ProductRecord.isWishList == 1 } <li id="RemoveWishList{$T.ProductRecord.id_Product}"> <a href="javascript:void(0);" class="link-wishlist" title="Added">Added</a> </li> {#else} <li id="AddWishList{$T.ProductRecord.id_Product}"> <a href="javascript:void(0);" onclick="javascript:fnAddToWishlist('{$T.ProductRecord.id_Product}');" class="link-wishlist" title="Add to Wishlist">Wishlist</a> </li> {#/if} </ul> </div> </div> <div class="pdt_detail"> <div class="pdt_name ellipsis"> <a title='{$T.ProductRecord.sProductName}' href='/Product/{$T.ProductRecord.sProductCode}-{$T.ProductRecord.id_Product}'> {$T.ProductRecord.sProductName} </a> </div> {htmlDecode($T.ProductRecord.sPriceHtml)} <div class="add_to_cart"> <a title="Add To Cart" href="javascript:void(0);" onclick="javascript:fnAddToCart('{$T.ProductRecord.id_Product}',false);">Add To Cart</a></div> </div> </div> </div> <div id='quick_view_{$T.ProductRecord.id_Product}' class="popup" style="width: 800px; display: none;"> <h3>Quick View</h3> <div class="clearfix"> <div class="left"> <div class="app-figure" id="zoom-fig"> {#if $T.ProductRecord.isSale == "1"} <div class="new">Clearance</div> {#else} {#if $T.ProductRecord.isBestSeller == "1"} <div class="new">Best Seller</div> {#else} {#if $T.ProductRecord.isLatest == "1"} <div class="new">New</div> {#/if} {#/if} {#/if} <!-- Main zoom image --> <a class="MagicZoom" id='zoom_{$T.ProductRecord.id_Product}' title='{$T.ProductRecord.sProductName}' data-options="zoomMode: off; expand: off" href='/ProductImages/{$T.ProductRecord.sEnlargeImage}'> <img src='/ProductImages/{$T.ProductRecord.sEnlargeImage}' onerror="this.src='/images/NoImageAvailable.png';" /> </a> <!-- Thumbnails --> <div class="zoomer_thumb clearfix"> {#for i = 1 to $T.ProductRecord.EnlargeList.split(',').length} <a data-zoom-id='zoom_{$T.ProductRecord.id_Product}' href='/ProductImages/{$T.ProductRecord.EnlargeList.split(',')[$T.i - 1]}' data-image='/ProductImages/{$T.ProductRecord.EnlargeList.split(',')[$T.i - 1]}'> <img src='/ProductImages/{$T.ProductRecord.TileList.split(',')[$T.i - 1]}' alt="" onerror="this.src='/images/NoImageAvailableTile.png';" /> </a> {#/for} </div> </div> </div> <div class="right out"> <div class="row_1 clearfix"> <div class="code"><span>Product Code :</span>{$T.ProductRecord.sStyleNo}</div> <div class="b_img"> <img src='/BannerImages/{$T.ProductRecord.BrandLogo}' alt="" onerror="this.src='/images/NoImage_BrandBanner.png';"> </div> </div> <div class="row_2">{$T.ProductRecord.sProductName}</div> {htmlDecode($T.ProductRecord.sPriceQuickViewHtml)} <div class="row_4 clearfix"> <div class="clearfix"> <div class="qty clearfix"> <label>Qty</label> <input type="text" class="inpt_bx" value="1" id="txtProductQty_{$T.ProductRecord.id_Product}" name="txtProductQty_{$T.ProductRecord.id_Product}" onkeydown="return fnOnlyNumber1(event);" maxlength="5" /> </div> <a href="javascript:void(0);" onclick="javascript:fnAddToCart('{$T.ProductRecord.id_Product}',true);" class="cart_icon" title="Add To Cart">Add To Cart</a> <div class="btn stock"> {#if $T.ProductRecord.sStockTag == "INSTOCK"} In Stock {#else} {#if $T.ProductRecord.sStockTag == "LOWQUANTITY"} Low Quantity {#else} Out of Stock {#/if} {#/if} </div> </div> {#if $T.ProductRecord.sStockTag != "INSTOCK" && $T.ProductRecord.sStockTag != "LOWQUANTITY"} <p><span>*</span> product out of stock at the time of order excludes delivery timescales.</p> {#/if} </div> <div class="row_5 clearfix"> <a href='/Product/{$T.ProductRecord.sProductCode}-{$T.ProductRecord.id_Product}' class="pd_detail" title="Product Details">Product Details</a> </div> </div> </div> </div> {#/for} </div> <div id="divloading" style="text-align:center;width: 100%; display:none; margin-top:10px;"> <img title="CBJ" src='/images/ajaxloader.gif' /> </div> {#if $P.lnkmore==1} <div class="load_more"> <a href="javascript:void(0);" id="ShowMore" onclick="javascript:fnShowMore();" title="More Products {$P.Remipro}" >Load More ({$P.Remipro})</a> </div> {#else} {#if $P.nomoreproduct==1} <div class="load_more"> <a href="javascript:void(0);" title="No More Products">No More Products</a> </div> {#/if} {#/if} <ul> {#foreach $T as CRecord} <li class="liCategory" data-display="{$T.CRecord.sCategoryName}" data-key="{$T.CRecord.id_Category}" id="liCategory_{$T.CRecord.id_Category}"> <a href='/Products/{$T.CRecord.sMenuLinksCode}/{$T.CRecord.sCategoryCode}-{$T.CRecord.id_Category}' title="Printers">{$T.CRecord.sCategoryName}</a> {#if $T.CRecord.SubCategories != null} <span></span> <ul> {#foreach $T.CRecord.SubCategories as SCRecord} {#if $T.SCRecord.DuplicateFlag != "0"} {#if $P.ShowOriginalQty == "1"} {#if $T.SCRecord.OrgCnt <= 0} <li style="color:#A0A0A0"> <input type="checkbox" name="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" class="subcategory checkbox css-checkbox" id="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" data-key="subcategory" data-value="{$T.SCRecord.id_SubCategory}" data-display="{$T.SCRecord.sSubCategoryName}" data-qty="{$T.SCRecord.OrgCnt}" onclick="return fnGetFilterProductData('subcategory');" disabled="disabled"> <label class="ch_label css-label" for="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" name="demo_lbl_SubCategory{$T.WorkRecord.id_SubCategory}"></label> {$T.SCRecord.sSubCategoryName} </li> {#else} <li> <input type="checkbox" name="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" class="subcategory checkbox css-checkbox" id="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" data-key="subcategory" data-value="{$T.SCRecord.id_SubCategory}" data-display="{$T.SCRecord.sSubCategoryName}" data-qty="{$T.SCRecord.OrgCnt}" onclick="return fnGetFilterProductData('subcategory');"> <label class="ch_label css-label" for="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" name="demo_lbl_SubCategory{$T.WorkRecord.id_SubCategory}"></label> {$T.SCRecord.sSubCategoryName} ({$T.SCRecord.OrgCnt}) </li> {#/if} {#else} {#if $T.SCRecord.Qty <= 0 } {#if $P.IsCategoryWiseListFirstLoad == "1"} <li> <input id="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" name="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" type="checkbox" class="subcategory css-checkbox css-checkbox" data-key="subcategory" data-value="{$T.SCRecord.id_SubCategory}" data-display="{$T.SCRecord.sSubCategoryName}" data-qty="1" onclick="return fnGetFilterProductData('subcategory');" > <label class="ch_label css-label" for="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" name="demo_lbl_SubCategory{$T.WorkRecord.id_SubCategory}"></label> {$T.SCRecord.sSubCategoryName} ({$T.SCRecord.OrgCnt}) </li> {#else} <li style="color:#A0A0A0"> <input id="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" name="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" type="checkbox" class="subcategory checkbox css-checkbox" data-key="subcategory" data-value="{$T.SCRecord.id_SubCategory}" data-display="{$T.SCRecord.sSubCategoryName}" data-qty="{$T.SCRecord.Qty}" onclick="return fnGetFilterProductData('subcategory');" disabled="disabled"> <label class="ch_label css-label" for="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" name="demo_lbl_SubCategory{$T.WorkRecord.id_SubCategory}"></label> {$T.SCRecord.sSubCategoryName} </li> {#/if} {#else} <li> <input id="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" name="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" type="checkbox" class="subcategory css-checkbox css-checkbox" data-key="subcategory" data-value="{$T.SCRecord.id_SubCategory}" data-display="{$T.SCRecord.sSubCategoryName}" data-qty="{$T.SCRecord.Qty}" onclick="return fnGetFilterProductData('subcategory');" > <label class="ch_label css-label" for="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" name="demo_lbl_SubCategory{$T.WorkRecord.id_SubCategory}"></label> {$T.SCRecord.sSubCategoryName} ({$T.SCRecord.Qty}) </li> {#/if} {#/if} {#/if} {#/for} </ul> {#/if} </li> {#/for} </ul> <div id="scrollbar2" class="scrollbar" style="max-height:184px;"> <ul> {#foreach $T.SubCategoryData as SCRecord} {#if $T.SCRecord.DuplicateFlag == "0"} {#if $P.ShowOriginalQty == "1"} {#if $T.SCRecord.OrgCnt <= 0} <li style="color:#A0A0A0"> <input type="checkbox" name="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" class="subcategory checkbox css-checkbox" id="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" data-key="subcategory" data-value="{$T.SCRecord.id_SubCategory}" data-display="{$T.SCRecord.sSubCategoryName}" data-qty="{$T.SCRecord.OrgCnt}" onclick="return fnGetFilterProductData('subcategory');" disabled="disabled"> <label class="ch_label css-label" for="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" name="demo_lbl_SubCategory{$T.WorkRecord.id_SubCategory}"></label> {$T.SCRecord.sSubCategoryName} </li> {#else} <li> <input type="checkbox" name="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" class="subcategory checkbox css-checkbox" id="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" data-key="subcategory" data-value="{$T.SCRecord.id_SubCategory}" data-display="{$T.SCRecord.sSubCategoryName}" data-qty="{$T.SCRecord.OrgCnt}" onclick="return fnGetFilterProductData('subcategory');"> <label class="ch_label css-label" for="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" name="demo_lbl_SubCategory{$T.WorkRecord.id_SubCategory}"></label> {$T.SCRecord.sSubCategoryName} ({$T.SCRecord.OrgCnt}) </li> {#/if} {#else} {#if $T.SCRecord.Qty <= 0} <li style="color:#A0A0A0"> <input type="checkbox" name="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" class="subcategory checkbox css-checkbox" id="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" data-key="subcategory" data-value="{$T.SCRecord.id_SubCategory}" data-display="{$T.SCRecord.sSubCategoryName}" data-qty="{$T.SCRecord.Qty}" onclick="return fnGetFilterProductData('subcategory');" disabled="disabled"> <label class="ch_label css-label" for="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" name="demo_lbl_SubCategory{$T.WorkRecord.id_SubCategory}"></label> {$T.SCRecord.sSubCategoryName} </li> {#else} <li> <input type="checkbox" name="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" class="subcategory checkbox css-checkbox" id="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" data-key="subcategory" data-value="{$T.SCRecord.id_SubCategory}" data-display="{$T.SCRecord.sSubCategoryName}" data-qty="{$T.SCRecord.Qty}" onclick="return fnGetFilterProductData('subcategory');"> <label class="ch_label css-label" for="demo_box_SubCategory{$T.SCRecord.id_SubCategory}" name="demo_lbl_SubCategory{$T.WorkRecord.id_SubCategory}"></label> {$T.SCRecord.sSubCategoryName} ({$T.SCRecord.Qty}) </li> {#/if} {#/if} {#/if} {#/for} </ul> </div> <div id="scrollbar" class="scrollbar" style="max-height: 184px;"> <ul> {#foreach $T.BrandData as BRecord} {#if $T.BRecord.DuplicateFlag == "0"} {#if $P.ShowOriginalQty == "1"} {#if $T.BRecord.OrgCnt <= 0} <li style="color:#A0A0A0"> <input id="demo_box_Brand{$T.BRecord.id_Brand}" type="checkbox" class="brand checkbox css-checkbox" data-key="brand" data-value="{$T.BRecord.id_Brand}" data-display="{$T.BRecord.sBrandName}" data-qty="{$T.BRecord.OrgCnt}" onclick="return fnGetFilterProductData('brand');" disabled="disabled"/> <label for="demo_box_Brand{$T.BRecord.id_Brand}" name="demo_lbl_Brand{$T.BRecord.id_Brand}" class="ch_label css-label"></label> {$T.BRecord.sBrandName} </li> {#else} <li> <input id="demo_box_Brand{$T.BRecord.id_Brand}" type="checkbox" class="brand checkbox css-checkbox" data-key="brand" data-value="{$T.BRecord.id_Brand}" data-display="{$T.BRecord.sBrandName}" data-qty="{$T.BRecord.OrgCnt}" onclick="return fnGetFilterProductData('brand');" /> <label for="demo_box_Brand{$T.BRecord.id_Brand}" name="demo_lbl_Brand{$T.BRecord.id_Brand}" class="ch_label css-label"></label> {$T.BRecord.sBrandName} ({$T.BRecord.OrgCnt}) </li> {#/if} {#else} {#if $T.BRecord.Qty <= 0} <li style="color:#A0A0A0"> <input id="demo_box_Brand{$T.BRecord.id_Brand}" type="checkbox" class="brand checkbox css-checkbox" data-key="brand" data-value="{$T.BRecord.id_Brand}" data-display="{$T.BRecord.sBrandName}" data-qty="{$T.BRecord.Qty}" onclick="return fnGetFilterProductData('brand');" disabled="disabled"/> <label for="demo_box_Brand{$T.BRecord.id_Brand}" name="demo_lbl_Brand{$T.BRecord.id_Brand}" class="ch_label css-label"></label> {$T.BRecord.sBrandName} </li> {#else} <li> <input id="demo_box_Brand{$T.BRecord.id_Brand}" type="checkbox" class="brand checkbox css-checkbox" data-key="brand" data-value="{$T.BRecord.id_Brand}" data-display="{$T.BRecord.sBrandName}" data-qty="{$T.BRecord.Qty}" onclick="return fnGetFilterProductData('brand');" /> <label for="demo_box_Brand{$T.BRecord.id_Brand}" name="demo_lbl_Brand{$T.BRecord.id_Brand}" class="ch_label css-label"></label> {$T.BRecord.sBrandName} ({$T.BRecord.Qty}) </li> {#/if} {#/if} {#/if} {#/for} </ul> </div> <div class="price_slider"> <input type="text" id="divPriceSlider" name="distance" value="" /> </div>