Subversion Repositories SmartDukaan

Rev

Rev 637 | Rev 762 | Go to most recent revision | Blame | Compare with Previous | Last modification | View Log | RSS feed

#set ( $minPrice = $action.getMinPrice() )
#set ( $maxPrice = $action.getMaxPrice() )

#set ( $results = $action.getResults() )
#set ( $facets = $action.getFacets() )

#set( $totalItems = $action.getTotalResults() )
#set( $beginIndex = $action.getBeginIndex() )
#set( $endIndex  = $action.getBeginIndex() + 19 )

#if( $totalItems <= $endIndex )
#set( $endIndex = $totalItems )
#end
#set($totalPages = $action.getTotalPages())
#set($currentPage  = $action.getCurrentPage())
#set($url = $action.getUrl())
#set($priceUrl = $action.getPriceUrl())


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- Prevent MS Office toolbar from changing layout -->
<meta http-equiv="imagetoolbar" content="false">
<meta name="MSSmartTagsPreventParsing" content="true">
<title>Shop2020</title>

#include ( "templates/commoncssfiles.vm" )
#include ( "templates/commonjsfiles.vm" )

<link rel="stylesheet" href="/css/jquery-ui-1.8.6.custom.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://jqueryui.com/themes/base/jquery.ui.all.css"> 
        <script src="http://jqueryui.com/ui/jquery.ui.core.js"></script> 
        <script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script> 
        <script src="http://jqueryui.com/ui/jquery.ui.mouse.js"></script> 
        <script src="http://jqueryui.com/ui/jquery.ui.button.js"></script> 
        <script src="http://jqueryui.com/ui/jquery.ui.draggable.js"></script> 
        <script src="http://jqueryui.com/ui/jquery.ui.position.js"></script> 
        <script src="http://jqueryui.com/ui/jquery.ui.resizable.js"></script> 
        <script src="http://jqueryui.com/ui/jquery.ui.dialog.js"></script> 
        <script src="http://jqueryui.com/ui/jquery.effects.core.js"></script> 

        <script src="/js/jquery-ui-1.8.6.custom.min.js" type="text/javascript"></script>
<script src="/js/priceSlider.js" type="text/javascript"></script>

        
<script type="text/javascript">
           minPrice        = $minPrice ;
       maxPrice        = $maxPrice ;
       stepPrice       = 10;
           priceUrl                = "$priceUrl";
</script>

</head>

<body>

<noscript>
        <p id="noScript">Please allow <em>Javascript</em> in order to function this website correctly!</p>
</noscript>

        
        $action.getHeaderSnippet()                      
     <!-- Wrapper start -->
        <div id="main">
                $action.getMainMenuSnippet()
                $action.getSearchBarSnippet()

                <!-- wrapper-->
                <div id="wrapper">

                                <!-- Product detail -->
        <div id="productDetail">
          
          <div class="top">
            <div class="left">
              <div class="right"> &nbsp; </div>
            </div>
          </div>
          
          <div class="middle">
            <div class="content">
            
                <div class="blockLeft">
                
                  <!-- breadcrumb -->
                  <div id="breadcrumb"><a href="/home">Home</a>&nbsp;&gt; <a href="#" class="deselect">$action.getCategoryName()</a></div>
                  <!-- /breadcrumb -->                  
                  <h1 id="productHeading2" value="$action.getId()">$action.getCategoryName()</h1>
                  
                </div>
              <div class="clearBoth"></div>
              
            </div>
          </div>
          
          <div class="bottom">
            <div class="left">
              <div class="right"> &nbsp; </div>
            </div>
          </div>
          
        </div>
        <!-- /Product detail -->

                <!-- banner -->
                        <!--
            <div id="productBanner">
                <a href="#"><img src="/images/product-banner.jpg" width="736" alt="" /></a>
            </div>
                        -->
            <!-- /banner -->
                
                                <!-- tab buttons -->      
            <div id="tabButton">
                
                <div class="tabButton1" id="catTab1">
                        <a href="javascript: void(0);" onclick="showBrowse();"><span><span>Browse</span></span></a>
                </div>
                
                <div class="spacing2">&nbsp;</div>
                
                <div class="tabButton2" id="catTab2">
                        <a href="javascript: void(0);" onclick="showBestSellers($action.getId());"><span><span>Best Sellers</span></span></a>
                </div>
                
                <div class="spacing">&nbsp;</div>
                
                <div class="tabButton2" id="catTab3">
                        <a href="javascript: void(0);" onclick="showLatestArrivals($action.getId());"><span><span>Latest Arrivals</span></span></a>
                </div>
                
                <div class="spacing">&nbsp;</div>
                
                <div class="tabButton2" id="catTab4">
                        <a href="javascript: void(0);" onclick="showBestDeals($action.getId());"><span><span>Best Deals</span></span></a>
                </div>
                <div class="clearBoth"></div>
                
            </div>
            <!-- /tab buttons -->

                <!-- my account -->
        <div id="productCat">
            <div class="top">
                <div class="left">&nbsp;</div>
                <div class="right">&nbsp;</div>
                <div class="clearBoth"></div>
            </div>
            
            <div class="middle">
                <div class="content">
                    
                     <!-- multifaceted search -->
                    <div id="multifacetedSearch">
                        
                                        #set ( $crumbs = $action.getCrumbs() )
                                        #if($crumbs && $crumbs.size()!=0)
                                        <h2>Current filters:</h2>
                                                
                                                <div id="currentFilters">
                                                 
                        #foreach ( $crumb in $crumbs )
                            <div id="filterTalkTime">
                                <span class="sectionHeader">$crumb.get(0):</span>
                                <span class="filterContent">
                                    <span class="filterOption">$crumb.get(1)</span>
                                    <span class="filterClose"><a href="?$crumb.get(2)">[X]</a></span>
                                </span>
                            </div>
                                        #end    
                                                </div>
                                        #end    

                                                
                                                
                        <!-- filter by -->
                        <div id="filterBy">
                        
                        #if($facets && $facets.size()!=0)       
                        <h2>Filter by:</h2>
                    
                        #foreach ( $facetLabel in $facets.keySet() )
                                #set ( $facetvalues = $facets.get($facetLabel) )
                                #if( $facetLabel == "Price" )
                                <!-- price -->
                            <div id="filterByPrice">
                                <div class="filterHeading">
                                    <div class="filterArrow">&nbsp;</div>
                                    <div class="sectionHeader">Price <span class="noBold">(Rs.)</span></div>
                                </div>
                                
                                <div id="priceSlider">
                                    <div id="priceRange1"></div>
                                    <div id="priceRange2"></div>
                                    <div class="clearBoth"></div>
                                    
                     
                                                <div id="slider-range"></div>
                                    <div id="diff">&nbsp;</div>
                              </div>
                          </div>
                            <!-- /price -->
                                #else
                                <div id="filterByTalkTime">
                                        <div class="filterHeading">
                                    <div class="filterArrow">&nbsp;</div>
                                    <div class="sectionHeader">$facetLabel</div>
                                </div>
                    
                                                                <div class="filterOption">
                                                                        <ul>
                                                #foreach ( $facetdetail in $facetvalues )
                                                                        <li>
                                                                                <a href="?$facetdetail.get(2)" id="ttMedium">$facetdetail.get(0)</a> <span class="noColor">($facetdetail.get(1))</span>
                                                                        </li>   
                                    #end
                                                                        </ul>   
                                </div>
                            </div>
                                #end
                        #end
                    
                        #end
                                <div class="bottomBorder">&nbsp;</div>
                        </div>
                        <!-- /filter by -->
                      
                    </div>
                    <!-- /multifaceted search -->

                    <!-- productList -->
                    <div id="productList">
                            
                        <!-- browse tab content -->
                        <div id="browseContent">
                        
                                                        
                                                                                                                
                            <!-- productListTop -->
                            <div class="productListTop">
                                <div class="productListResult">
                                                                        $beginIndex to $endIndex  of <span class="resultLimit">$totalItems</span> <span class="style1">results</span>
                                                                </div>
                            <div class="pagination1 moveTop">
                                                                        <div class="pagination">
                                                                                #if($currentPage == 1)
                                                                                        <span class="current prev">Prev</span>
                                                                                #else
                                                                                        #set($prev = $currentPage-1)
                                                                                        <a href="${url}&page=${prev}" class="current prev">Prev</a>
                                                                                #end    


                                                                                #set( $begin = 1 )
                                                                                #set( $end = 1 )
                                                                                #if($totalPages <= 5)
                                                                                        #set( $begin = 1 )
                                                                                        #set( $end = $totalPages )
                                                                                #else
                                                                                        #if($currentPage <= 3)
                                                                                                #set( $begin = 1 )
                                                                                                #set( $end = 5 )
                                                                                        #else
                                                                                                #set( $begin = $currentPage - 2 )
                                                                                        #set( $end = $currentPage + 2 )
                                                                                                #if( $end > $totalPages)
                                                                                                        #set( $end = $totalPages)
                                                                                                        #set( $begin = $end - 4 )
                                                                                                #end
                                                                                        #end    
                                                                                #end    
                                                                                #set( $pages = [$begin..$end] )
                                                                                
                                                                                #foreach( $pageId in $pages )
                                                                                #if($currentPage == $pageId)
                                                                                <span class="current">$pageId</span>
                                                                                #else
                                                                                <a href="${url}&page=${pageId}">$pageId</a>     
                                                                                #end
                                                                                #end
                                                                                
                                                                                #if($currentPage == $totalPages)
                                                                                        <span class="current next">Next</span>
                                                                                #else
                                                                                        #set($next = $currentPage+1)
                                                                                        <a href="${url}&page=${next}" class="current next">Next</a>
                                                                                #end
                                                                        </div>
                            </div>
                            <div class="clearBoth"></div>
                          </div>
                            <!-- /productListTop -->
                            
                            <!-- productListCenter -->
                            <div id="productListCenter1">
                                
                                <!-- page 1 -->
                                <div class="page">

                                                                #set($snippets =  $action.getSnippets())
                                                                
                                                                #set( $isLeft = 0 )
                                                                #foreach ( $entityid in $results.keySet() )
                                                                #set ( $values = $results.get($entityid) )
                                                                #set ( $entityname = $values.get(0) )
                                                                
                                                                <div
                                                                #if( $isLeft == 0 ) 
                                                                         class="floatLeft"
                                                                        #set($isLeft = 1)       
                                                                #else
                                                                        class="floatRight"
                                                                        #set($isLeft = 0)       
                                                                #end            
                                                                >
                                                                        
                                                                $snippets.get($entityid)
                                                                </div>
                                                                #end
                                                                
                                                                </div>
                            <div class="clearBoth"></div>
                            
                            </div>
                            <!-- /productListCenter -->
                            
                            <!-- productListBottom -->
                            <div class="productListBottom">
                                <div class="pagination1"></div>
                                <div class="clearBoth"></div>
                            </div>
                                <!-- /productListBottom -->
                            
                        </div>
                        <!-- /browse tab content -->
                        
                        <!-- otherTabContent -->
                        <div id="otherTabContent">
                        
                                 <!-- productListTop -->
                            <div class="productListTop">
                                
                                <div class="productListHeading"></div>
                                <div class="pagination2"></div>
                                <div class="productListResult"></div>
                                
                                <div class="clearBoth"></div>
                            </div>
                            <!-- /productListTop -->
                            
                            <!-- productListCenter -->
                            <div id="productListCenter2">
                                
                                
                            <div class="clearBoth"></div>
                            
                            </div>
                            <!-- /productListCenter -->
                            
                            <!-- productListBottom -->
                                                        <!--
                            <div class="productListBottom">
                                <div class="pagination2"></div>
                                <div class="clearBoth"></div>
                            </div>
                                                        -->
                                <!-- /productListBottom -->
                            
                        </div>
                        <!-- /otherTabContent -->
                        
                    </div>
                    <!-- /productList -->
                    
                   <div class="clearBoth"></div>
                </div>
                    
            </div>
            
            <div class="bottom">
                <div class="left">
                    <div class="right">&nbsp;</div>
                </div>
            </div>
        </div>
        <!-- /my account -->

                        
        </div>
                <!-- /wrapper-->
                
                <!-- sidebar-->
                <div id="sidebar">
                <!-- sidebar banner -->
                        <!--
            <div id="sidebarBanner">
                <a href="#"><img src="/images/sidebar-banner.jpg" width="240" height="100" alt="" /></a>
            </div>
                        -->
            <!-- /sidebar banner -->
                        $action.getCustomerServiceSnippet()
                        $action.getMyResearchSnippet()
                        $action.getBrowseHistorySnippet()
                        <div style="clear:both;padding:2px;">&nbsp;</div>
                </div>
                <!-- /sidebar-->
                
                <div class="clearBoth"></div>
    </div><!-- /main -->
         
         $action.getFooterSnippet()

<div id="dialog-form" title="Color Selector"> 
        <p class="validateTips">Please choose the color</p> 
        <form> 
        <fieldset> 
                <label for="color">Color</label> 
                <select class="colorselector" id="colorselector" name="colorselector">
                </select>
        </fieldset> 
        </form> 
</div>

</body>
</html>