<div class="addToCompareCommonDiv  d-none d-md-block">
	<div id="addToCompare"></div>
</div>
<div class="compareError" id="compareError"></div>

<script id="addToCompareTemplate" type="text/x-jsrender" >
	{*<h3>{$language.lblCompare} {$resBreadcrumbs[0]['productCategoryName']|default:''}</h3> *}
	<div class="compairPane clearfix" >
	<ul class="list-unstyled left">
		[[for products]]
		<li>
			<a href="javascript:void(0)" class="closeit closeBtn2 round" data-id="[[>id]]" 
			data-setkey="[[>setkey]]"  ><span class="log-close icon-cross-medium"></span></a>
			<div class="imgBx">
					<img src="[[>src]]" class="img-responsive"/>
			</div>
			<div class="dtlBx"><h6>[[>~truncate(title,16)]]</h6>
            </div>
		</li>
		[[/for]]
	</ul>
		<a href="javascript:void(0)" class="closeBtnCompare closeBtn1">{$language.lblRemoveall}</a>
	<div class="compairRight">
		
		<a href="javascript:void(0)" class="btn btn-md py-0 compareProduct btnBg1 compairBtn disable" data-setkey="[[>~setkey]]">{$language.lblCompare} <span class="compare_count"></span></a>

	</div>
	</div>
</script>
																			
<script id="compareErrorTemplate" type="text/x-jsrender" >
		<div class="message_error">
		[[if msgtype=='maxLimit']]
			<span class="icon-danger"> </span>{$language.errCantCompareMoreItems} <a href="javascript:void(0)" class="clearAllItems">{$language.lblClearlist}</a>
		[[else]]
			<span class="icon-danger"> </span>{$language.errCantCompareAboveItems} <a href="javascript:void(0)" class="clearAllItems">{$language.lblClearlist}</a>
		[[/if]]

		<a href="javascript:void(0)" class="closecomperror notifyClose"></a></div>
</script>
																					
																						
