<!DOCTYPE html>

<html  xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" class="no-js">
<!--<![endif]--><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>{$commonMetaTitle}</title>
<meta name="description" content="{$commonMetaDescription|unescape:'html'|escape:'html'}" />
<meta name="viewport" content="width=device-width">
<meta name="Keywords" content="{$commonMetaKeywords|unescape:'html'|escape:'html'}" />
<link rel="image_src" href="{$commonMetaImage|default:''}" />
<meta property="og:title" content="{$commonMetaTitle|unescape:'html'|escape:'html'}"/>
<meta property="og:image" content="{$commonMetaImage|default:''}"/>
{include file='CommonStyles.tpl'}
<link rel="stylesheet" href="{$view_styles}/product-listing.css" />
{include file='CommonJavaScript.tpl'}
</head>
<body ng-controller="SearchCtrl" class="remove-fix {$languageDirection}">
    {*<!-------------------------------- Begin : Outer Pane --------------------------------------->*}
	<div id="main" class="outer">
        {*<!------------------------------------ Begin : Header Pane ------------------------------------>*}
		{if !($resProducts|count >0 && $searchCategory > 0)}
		 {assign var="MENU_LOADED" value="YES"}
		{/if}
         {assign var="CatalogJS" value="Yes"}
		{include file='CommonTop.tpl'}
        {*<!--------------------------------------- End : Header ---------------------------------------------->*}
		<div id="content-wrapper" ng-show="!query" >
            {*<!----------------------------------- Begin : Content Pane ------------------------------------------->*}
			<div class="container">
           <div class="catalog overflow row m-0">
               {*<!----------------------- starts : Side Block -------------------------------------->*}


				<div class="col-lg-3 sort_blk left-content-block p-0">
                {* .fx-me *}
                <div class="fx-me pos-rel">
	            <div class="row prdctFilterMo d-lg-none" >
                    <div class="col-6 rmv-padding FltrIco">
                        <span class="padding-right icon-filter"></span><span>{$language.lblFilter}</span>
                    </div>
                    <div class="col-6 rmv-padding FltrSort">
                        <span>{$language.lblSortBy}</span>
                    </div>
                </div>


	              <div class="col-12 mob_sort prdctFilter sorToggle d-lg-none">
                        <div class="Fitlersort TopFilterSort clps-cnt-mob">
                           <div class="sorting-pane">
                              <div class="tabs">
                                 <ul class="list-unstyled m-0 bg-white border pl-0 d-block float-none">
                                    <li class="border-bottom d-block">
                                       <span class="circle_icon {if $default_catalog_listing=='popularity'}visible{/if}"></span>
                                       {html->anchor href="" class="sortby p-3 font-small d-block {if $default_catalog_listing=='popularity'}active{/if}" caption="{$language.lblPopularity}" id="popularity"}
                                    </li>
                                    <li class="border-bottom d-block">
                                       <span class="circle_icon {if $default_catalog_listing=='new_products'}visible{/if}"></span>
                                       {html->anchor href="" class="sortby p-3 font-small d-block {if $default_catalog_listing=='new_products'}active{/if}" caption="{$language.lblNewlyListed}" id="new_products"}
                                    </li>
                                    <li class="border-bottom d-block">
                                       <span class="circle_icon {if $default_catalog_listing=='price_desc'}visible{/if}"></span>
                                       {html->anchor href="" class="sortby p-3 font-small d-block {if $default_catalog_listing=='price_desc'}active{/if}" caption="{$language.lblPriceHightoLow}" id="price_desc"}
                                    </li>
                                    <li class="border-bottom d-block">
                                       <span class="circle_icon {if $default_catalog_listing=='price_asc'}visible{/if}"></span>
                                       {html->anchor href="" class="sortby p-3 font-small d-block {if $default_catalog_listing=='price_asc'}active{/if}" caption="{$language.lblPriceLowtoHigh}" id="price_asc"}
                                    </li>
                                    <li class="border-bottom d-block">
                                       <span class="circle_icon {if $default_catalog_listing=='spcl_offers'}visible{/if}"></span>
                                       {html->anchor href="" class="sortby p-3 font-small d-block {if $default_catalog_listing=='spcl_offers'}active{/if}" caption="{$language.lblDiscount}" id="spcl_offers"}
                                    </li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>
			
        
	                <div class="prdctFilter sorToggle">
	                   <div class="leftlistBx category-browse">
                           <div class="refine-search">
                              <div class="filter-head p-3 d-lg-none">
                                 <span class="mfillter icon-cross-fill clearAllSearch">{$language.lblClearAll}</span> 
                                 <h4 class="d-lg-none m-0">{$language.lblFilterBy}</h4>
                              </div>
	                     
							{form->hidden name="selectedCategory"}
							<div class="FltrSctn border-0">
	                                <h6><a class="refine-icon d-inline-block mr-2 toggle"></a>{$language.lblBrowse}</h6>
	                            <div class="listMenu listMenuScroll search_categorie clearfix collapse show" id="browse">
							{$breadCrumb}
	                    </div>
	                            {include file="{$pageLayout}/LayeredNavigation.tpl"} 
	                      </div>
                               <div class="btn-fix d-lg-none text-right">
                                 <div class="apply-fillter btn btn-primary">{$language.lblApplyFilter}</div>
                              </div>
	                 
	                    </div>
                        </div>
					
					{if $bestSeller|count|default:0>0}
                     {assign var="shareUrl" value=$bestSeller.productID|sef_path:'product'}
					
					
					<div class="leftlistBx d-none d-lg-block">
						<h3>{$language.lblBestSellers} </h3>
						<div class="whiteBx best-seller light-bg ">
							<div class="tumbImgbx">
							{html->anchor href="{$shareUrl}" caption="<img src='{$view_public_path}/uploads/catalog/product/thumb/{$bestSeller.productImage}' />" class="img-responsive"}
							</div>
							<div class="tumbimgCaption">{html->anchor href="{$shareUrl}" caption="{$bestSeller.productTitle|truncate:30}"}<br>
								<strike>{$bestSeller.productOptionRegularPrice|price:'':$bestSeller.productDefaultCurrency:$currentCurrencyID}</strike> 
								<span>{$bestSeller.offerPrice|price:'':$bestSeller.productDefaultCurrency:$currentCurrencyID}</span>
							</div>
						</div>
					</div>
					{/if}
				</div>

				</div>
                {* fx-me *}
                        {*<!-- Begin : facebook 
					{if $settingsFacebookLikeButtonCode|default:''}
						<div class="fb-like-box"> {$settingsFacebookLikeButtonCode} </div>
					{/if}
					<!-- End : facebook -->*}
                        {*<!-- Begin : Twitter -->*}
					{if $settingsTwitterEnableFeeds|default:'' eq "Yes"}
						<div class="twitterbox" > {$settingsTwitterWidgetCode} </div>
					{/if}
                        {*<!-- End : Twitter -->*}
                        </div>
			

				{* </div> *}
                    {*<!---------------------- End : Side Block --------------------------------------------->*}
				<div class="col-lg-9 col-12 p-0 right-content-block">
                    <div class="list-block">
                <div id="common_message"></div>
				<div id="unsubscribe_message"></div>
				<div id="common_message_referal"></div>
				<div id="invalid_email"></div>
				<div class="pl-sm-3">
				{include file='addbanner/BannerLeaderboardHeader.tpl'}
				{include file='addbanner/BannerHeader.tpl'}
					{if $selCategoryDet['productCategoryName']}<h2>{$selCategoryDet['productCategoryName']}</h2>{/if}
					{if $resProducts|count >0}
					<p class="search-count font-small mt-3"><strong><span id="productsCount">{$prodsMaxCount}</span>  {$language.lblCartItems} </strong> {$language.lblfoundfor} <strong class="text-secondary">"{if $searchKeyword==''}{$selCategoryDet['productCategoryName']}{else}{$searchKeyword}{/if}"</strong> </p>

					{if $relatedSearch|count|default:0>0}
						<div class="rlt-srh-keywds-out hide">
						<div class="related-search-text">{$language.lblSearchesrelatedto}<span class="search-keyword">"{if $searchKeyword==''}<strong>{$selCategoryDet['productCategoryName']}</strong>{else}<strong class="text-secondary">{$searchKeyword}</strong>{/if}"</span> :</div>
							<div class="related-search-keywords-inner">
								{foreach $relatedSearch as $relatedKeyword}
									{html->anchor href="search/?keyword={$relatedKeyword.queryText}&in=0"  class="rlt-sr-key btn btn-default btn-xs" content="{$relatedKeyword.queryText}"}
								{/foreach}
							</div>
					</div>
					{/if}

                        {*<!---------------------- Start : Sort Block --------------------------------------------->*}
                    </div>



					<div class="sorting-pane justify-content-between d-none d-lg-block mb-sm-4 pb-sm-2 border-bottom">
                           <div class="d-flex pl-3">
                                <div class="sort-left pt-1">
                                  <div class="font-semibold font-small m-0 sortBuy">
                                    {$language.lblSortBy} : 
                                 </div>
                                 <ul>
                                    <li class="float-left px-3 border-right font-small">
                                       <span class="circle_icon {if $default_catalog_listing=='popularity'}visible{/if}"></span>
                                       {html->anchor href="" class="sortby position-relative font-rglr {if $default_catalog_listing=='popularity'}active{/if}" caption="{$language.lblPopularity}" id="popularity"}
                                    </li>
                                    <li class="float-left px-3 border-right font-small">
                                       <span class="circle_icon {if $default_catalog_listing=='new_products'}visible{/if}"></span>
                                       {html->anchor href="" class="sortby position-relative font-rglr {if $default_catalog_listing=='new_products'}active{/if}" caption="{$language.lblNewlyListed}" id="new_products"}
                                    </li>
                                    <li class="float-left px-3 border-right font-small">
                                       <span class="circle_icon {if $default_catalog_listing=='price_desc'}visible{/if}"></span>
                                       {html->anchor href="" class="sortby position-relative font-rglr {if $default_catalog_listing=='price_desc'}active{/if}" caption="{$language.lblPriceHightoLow}" id="price_desc"}
                                    </li>
                                    <li class="float-left px-3 border-right font-small">
                                       <span class="circle_icon {if $default_catalog_listing=='price_asc'}visible{/if}"></span>
                                       {html->anchor href="" class="sortby position-relative font-rglr {if $default_catalog_listing=='price_asc'}active{/if}" caption="{$language.lblPriceLowtoHigh}" id="price_asc"}
                                    </li>
                                    <li class="float-left px-3 border-right font-small">
                                       <span class="circle_icon {if $default_catalog_listing=='spcl_offers'}visible{/if}"></span>
                                       {html->anchor href="" class="sortby position-relative font-rglr {if $default_catalog_listing=='spcl_offers'}active{/if}" caption="{$language.lblDiscount}" id="spcl_offers"}
                                    </li>
                                 </ul>
                              </div>
                              <div class="list-type ml-auto">
                                 <div class="gridBx d-inline-block mr-1 p-1 px-2 border">
                                    {html->anchor href="" id="grid" class="gridView viewType icon-grid-view active"}
                                 </div>
                                 <div class="listBx d-inline-block p-1 px-2 border">
                                    {html->anchor href="" id="list" class="listView viewType icon-list-view"}
                                 </div>
                              </div>
                           </div>
                        </div>
                        {*<!---------------------- End : Sort Block --------------------------------------------->*}

					{/if}
          
						{include file="{$pageLayout}productCompareBox.tpl"}
	

					{if $resProducts|count >0}
						<div class="productListing pl-lg-3">
							{include file="{$pageLayout}CatalogGridBlock.tpl"}
                                                        {include file="{$pageLayout}js_templates/CatalogGridBlock.tpl"}
						</div>

               {if $prodsMaxCount > $productPageCount}
                     <div class="text-center">
                        <a href="javascript:void(0)" id="view_more_products" class="btn btn-secondary mt-4">{$language.lblShowMoreItems}</a>
                     </div>
                     {/if}
						<div id="CategoryPopup">
							{form->start name="formProductOptions"}{form->close}
						</div>
					{else}
						{if $relatedSearchTerms|count|default:0>0}
							{$language.lblDidyoumean}

							{foreach $relatedSearchTerms as $relatedTerm}
								{html->anchor href="search/?keyword={$relatedTerm}&in=0"  content="{$relatedTerm}"}
							{/foreach}
						{/if}
						{include file='IndexNoProduct.tpl'}


					{/if}
                    </div>
                                </div>
                                </div>
				 {include file='RecentlyViewed.tpl'}
			</div>
			{include file='addbanner/BannerLeaderboardFooter.tpl'}
            {*<!-------------------------------- End : Content Pane ------------------------------------------->*}
		</div>
            {*<!------------------------------------------ Begin : Footer ------------------------------------->*}
		{include file='CommonBottom.tpl'}
            {*<!------------------------------------ End : Footer  --------------------------------------->*}
	</div>
<!-- End : Outer Pane -->
<script type="text/javascript">
    var lblphone = '{$language.lblEnterContactNumber}';
	var productCurrency = 1;
	var selCategoryID = '{$selCategoryDet["productCategoryID"]}';
	var languageID = '{$languageID}';
	var searchKeyword = {$searchKeywordArray};
	var originCatalogID = '{$originCatalogID}';
	var categoryID = '{$searchCategory}';
	var catIDAndSubcategories = '{$catIDAndSubcategories}';
	var userGroupID='{$userGroupID}';
	var detailPageProductID = 0;
	var products = {$resProducts|json_encode};
	var listUsersWishListItems={$listUsersWishListItems|json_encode};
	
	var brandID = 0;

</script>
{include file="{$pageLayout}js_templates/CatalogGridBlock.tpl"}

{include file='CommonJavaScriptBottom.tpl' caching=true cache_lifetime=7200}
{html->messages_script section="Referral" id="common_message_referal"}
{html->messages_script section="Subscribe" id="invalid_email"}
{html->messages_script section="Subscribe" id="common_message"}
{html->messages_script section="Unsubscribe" id="unsubscribe_message"}

<script type="text/javascript">
{if $priceRanges.MINIMUM|default:'' && $priceRanges.MAXIMUM|default:''}	
	var __priceRangeMin = {$priceRanges.MINIMUM};
	var __priceRangeMax = {$priceRanges.MAXIMUM};	
	var __priceRangeMinCustom = '';
	var __priceRangeMaxCustom = '';
	{if isset($priceMinQueryString) && $priceMinQueryString}
		__priceRangeMinCustom = {$priceMinQueryString};
	{/if}
	{if isset($priceMaxQueryString) && $priceMaxQueryString}
		__priceRangeMaxCustom = {$priceMaxQueryString};
	{/if}
{/if}
{if isset($discountQueryString)}
	var __discountQueryString="{$discountQueryString}";
{/if}
{if isset($queryStringMode)}
var __queryStringMode="{$queryStringMode}";
{/if}
var userGroupID="{$userGroupID|default:0}";

var default_catalog_listing="{$default_catalog_listing|default:12}";
var detailPageProductID =0;
var lblBrands = "{$language.lblBrands}";
var lblRemove = "{$language.lblRemove}";
var productPageCount = "{$productPageCount|default:''}";  
</script>
        
<script type="text/javascript" src="{$common_js}/jquery.lazyload.js"></script>
<script type="text/javascript" src="{$common_frontend_js}/addtocompare.feature.js"></script>
<script type="text/javascript" src="{$common_frontend_js}/catalog.page.js"></script>
<script type="text/javascript" src="{$common_frontend_js}/buyNow.js"></script>
<script type="text/javascript" src="{$common_frontend_js}/recommendation.page.js"></script>
<script type="text/javascript" src="{$common_frontend_js}/product.page.js"></script>
<script type="text/javascript">

	$(document).ready(function() {
		$("img.lazy").lazyload({
			effect : "fadeIn",
			threshold:200
		});

		$('.toggle').click(function(event) {
			/* Act on the event */
			$('.search_categorie').slideToggle();
			$(this).toggleClass('collapsed');
		});
  if ($('.recommend').length > 0) { 
		if (window.matchMedia('(min-width: 991px)').matches){
            $('.fx-me').scrollToFixed({
              marginTop: $('.fixing-element').outerHeight(true),
              limit: function () {
                  return $('.recommend').offset().top - $('.fx-me').outerHeight()  - 10;
                },
                zIndex: 999,
                removeOffsets: true
                
            }); 
          }
     } else{
		if (window.matchMedia('(min-width: 991px)').matches){
            $('.fx-me').scrollToFixed({
              marginTop: $('.fixing-element').outerHeight(true),
              limit: function () {
                  return $('#footer').offset().top - $('.fx-me').outerHeight()  - 10;
                },
                zIndex: 999,
                removeOffsets: true
                
            }); 
		   }
   }
            $('.FltrIco').click(function(event) {
            /* Act on the event */
            $('.fx-me').addClass('filter-open')
          });

          $('.mfillter, .apply-fillter').click(function(event) {
            /* Act on the event */
            $('.prdctFilter').addClass('sorToggle');
            $('.FltrIco').removeClass('drop-up');
            $('.fx-me').removeClass('filter-open');
            $("body").css("overflow","");
          });

          $('.addToCompareCommonDiv').hover(function() {
            $('.compairPane').toggleClass('active-now');
          });

	});
	{$menuScript|default:''}
</script>

<script>
    (function($){
        $(window).load(function(){
            $(".listMenuScroll").mCustomScrollbar();
        });
    })(jQuery);
</script>

</body>
</html>
