Subversion Repositories SmartDukaan

Rev

Rev 12141 | 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())

#set($banners = $action.getActiveBanners())
#if($banners)
#set($bannerCount = $banners.size())
#else
#set($bannerCount = 0)
#end


<!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" />
        <meta name="Description" content="$action.getPageMetaDesc()" />
        <meta name="keywords" content="$action.getPageMetaKeywords()" />
    <!-- Prevent MS Office toolbar from changing layout -->
    <meta http-equiv="imagetoolbar" content="false" />
    <meta name="MSSmartTagsPreventParsing" content="true" />
        <meta property="fb:admins" content="564777065" />
    <title>$action.getCategoryTitle() | ${domain.name}</title>

 #include ( "templates/commoncssfiles.vm" )  
        <link rel="stylesheet" href="/css/jquery-ui-1.8.6.custom.css" type="text/css" media="all" />
        <script language="javascript" type="text/javascript" src="/js/ga-invoker.js"></script>
  </head>

  <body>

    <noscript>
      <p id="noScript">Please enable <em>Javascript</em> for this Website to function correctly!</p>
    </noscript>

        $action.getHeaderSnippet()
        
                <!-- Main -->
<div id="main">
        <div class="main-content">
                <div class="main-top">
                        <div class="bread-crumbs">
                                <a href="/">Home</a>&nbsp;&gt;&nbsp;
                                <a href="#">$action.getCategoryName()</a>
                        </div>
                </div>
                <div class="main-left left">
            #if ( $bannerCount == 0 )
                                        <div class="main-left-banner" style="display: none">
                                #elseif ( $bannerCount < 3 )
                                        <div class="main-left-banner"  style="height: 210px;">
                                #else
                                        <div class="main-left-banner"  style="height: 230px;">
                                #end
                                
                                #if($bannerCount > 1 && $bannerCount < 3)
                                        <ul id="bannerMenu">
                                                #foreach($banner in $banners)
                                                        #if($banner.isHasMap())
                                                                <li class="square"><a href="$banner.getLink()" #if($banner.isTarget())target="_blank"#end banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' usemap='#map$velocityCount' height="200" width="710"/></a>
                                                                <map name='map$velocityCount'> 
                                                                        #set($mapdetails = $action.getbannermapdetails("$banner.getBannerName()"))
                                                                        #foreach($mapdetail in $mapdetails)
                                                                                <area shape="rect" coords='$mapdetail.getCoordinates()' href='$mapdetail.getMapLink()' banner-name='$banner.getBannerName()'/>
                                                                        #end
                                                                        </map>
                                                                        </li>
                                                        #else
                                                                <li class="square"><a href="$banner.getLink()" #if($banner.isTarget())target="_blank"#end banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' height="200" width="710" /></a></li>
                                #end
                                                #end
                                        </ul>
                                        <div class="container">
                      <div class="slider_arrow_left"></div>
                      <div class="slider_arrow_right"></div>
                    </div>
                                #else
                                          <div id="banner-menu">
                                                #foreach($banner in $banners)
                                                        #if($banner.isHasMap())
                                                                <a href="$banner.getLink()" #if($banner.isTarget())target="_blank"#end banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' title="$banner.getBannerName()" usemap='#map$velocityCount'/></a>
                                                                <map name='map$velocityCount'> 
                                                                        #set($mapdetails = $action.getbannermapdetails("$banner.getBannerName()"))
                                                                        #foreach($mapdetail in $mapdetails)
                                                                                <area shape="rect" coords='$mapdetail.getCoordinates()' href='$mapdetail.getMapLink()' banner-name='$banner.getBannerName()'/>
                                                                        #end
                                                                        </map>
                                                        #else
                                                                <a href="$banner.getLink()" #if($banner.isTarget())target="_blank"#end banner-name='$banner.getBannerName()'><img src='/images/banners/$banner.getImageName()' title="$banner.getBannerName()"/></a>
                                #end
                                                #end
                       </div>
                                #end
                                </div>
                                <!-- tab buttons -->
        <ul id="tabButton" class="menu">
          <li class="tabButton1" id="catTab1">
            <a class="showBrowse" href="#" title="" id="catTab1-first">
                  All
            </a>
          </li>
          <li class="tabButton2" id="catTab2">
            <a class="category-tabs" href="#" title="Best Sellers" name="best-sellers" id="catTab2-$action.getId()">
                  Best Sellers
            </a>
          </li>
          <li class="tabButton2" id="catTab3">
            <a class="category-tabs" href="#" title="Latest Arrivals" name="latest-arrivals" id="catTab3-$action.getId()">
                  Latest Arrivals
            </a>
          </li>
          <li class="tabButton2" id="catTab4">
            <a class="category-tabs" href="#" title="Best Deals" name="best-deals" id="catTab4-$action.getId()">
                  Best Deals
            </a>
          </li>
        </ul>
        <!-- /tab buttons -->

                
        <!-- my account -->
        <div id="productCat" class="blue-border">
          <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">
                <!-- 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 -->
                                                #elseif( $facetLabel == "Category" )
                                                #elseif( $facetLabel == "Sub Category" )
                                                #if ($action.getChildren($action.getCategoryName()).size() > 1)
                                                <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>
                        #if ($facetdetail.get(3) != "")
                        <a style="font-weight:bold" class="mk_bold mk_subcategory" value="$facetdetail.get(2)">$facetdetail.get(0)</a> <span class="noColor">($facetdetail.get(1))</span>
                                        #else
                            <a href="javascript:void(0)" class="mk_subcategory mk_filter" value="$facetdetail.get(2)">$facetdetail.get(0)</a> <span class="noColor">($facetdetail.get(1))</span>
                                        #end
                        </li>
                        #end
                      </ul>
                    </div>
                  </div>
                                                #end
                                        #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)
                                                                        #set ($zeroClass = "")
                                                                        #set ($isActive = "")
                                                                        #if ($facetdetail.get(1) == "0")
                                                                        #set ($zeroClass = "zero_count")
                                                                        #set ($isActive = 'disabled="disabled"')
                                                                        #end
                                                                        #if ($facetdetail.get(3) == "")
                                                                        #set ($checked = "")
                                                                        #else
                                                                        #set ($checked = "bold")
                                                                        #end
                        <li class="$zeroClass $checked">
                          <input type="checkbox" value="$facetdetail.get(2)" $isActive class="mk_filter" $facetdetail.get(3)/>$facetdetail.get(0)<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">

                <!--Put filters here-->
                                #if($crumbs && $crumbs.size()!=0)
                                <h2 style="padding:6px">Current filters:</h2>
                        <div id="currentFilters">
                        #foreach ( $crumb in $crumbs.keySet() )
                                #if ($crumb == "Category")
                                #else
                                                        <div id="filterTalkTime">
                                                        #if ($crumb.length()!=0)
                                                        <span class="sectionHeader">$crumb:</span>
                                                    #end
                                                    #foreach ($crumblist in $crumbs.get($crumb))
                                                        <span class="filterContent">
                                                                <span class="filterOption">$crumblist.get(0)</span>
                                                                <span class="filterClose"><a href="javascript:void(0)" value="$crumblist.get(1)" class="mk_filter_close">[X]</a></span>
                                                                </span>
                                                        #end
                                                        </div>
                                                #end
                                        #end
                                        </div>
                                #end
              
                                

                  <!-- 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">
                      <ul class="pagination">
                                                                                #if($currentPage == 1)
                        <li class="pager-previous">
                          <span class="current prev">Prev</span>
                        </li>
                                                                                #else
                                                                                        #set($prev = $currentPage-1)
                        <li class="pager-previous">
                          <a href="${url}&page=${prev}" class="current prev">Prev</a>
                        </li>
                                                                                #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)
                        <li class="pager-item">
                          <span class="current">$pageId</span>
                        </li>
                                                                                #else
                        <li class="pager-item">
                          <a href="${url}&page=${pageId}">$pageId</a>
                        </li>
                                                                                #end
                                                                                #end

                                                                                #if($currentPage == $totalPages)
                        <li class="pager-next">
                          <span class="current next">Next</span>
                        </li>
                                                                                #else
                                                                                        #set($next = $currentPage+1)
                        <li class="pager-next">
                          <a href="${url}&page=${next}" class="current next">Next</a>
                        </li>
                                                                                #end
                      </ul>
                    </div>
                    <div class="clearBoth"></div>
                    <div id="sortBy">
                        Sort by:
                                        #if($sortOrder == "F_50002 asc")
                                    <a href="${sortUrl}" id="sortByPopularity">Popularity</a> | 
                                    <a class="active" id="sortByPrice">Price</a>

                        #else
                                    <a class="active" id="sortByPopularity">Popularity</a> |
                                    <a href="${sortUrl}&sort=F_50002+asc" id="sortByPrice">Price</a>
                                        #end
                  </div>
                                          
                          <div class="clearBoth"></div>
                  </div>
                  <!-- /productListTop -->

                  <!-- productListCenter -->
                  <div id="productListCenter1">

                    <!-- page 1 -->
                    <div class="page">
                      <ul class="deal-items category-page-items">
                                                                #set($snippets =  $action.getSnippets())

                                                                #set( $isLeft = 0 )
                                                                #foreach ( $entityid in $results )

                        <li
                          #if( $isLeft == 0 )
                                                                        class="floatLeft"
                                                                        #set($isLeft = 1)
                                                                #else
                                                                        class="floatRight"
                                                                        #set($isLeft = 0)
                                                                #end
                                                                >

                                                                $snippets.get($entityid)
                      </li>
                                                                #end
                    </ul>

                  </div>
                  <div class="clearBoth"></div>

                </div>
                <!-- /productListCenter -->

                <!-- productListBottom -->
                <div class="productListBottom">
                  <div class="pagination1">
                                                              <ul class="pagination">
                                                                                #if($currentPage == 1)
                        <li class="pager-previous">
                          <span class="current prev">Prev</span>
                        </li>
                                                                                #else
                                                                                        #set($prev = $currentPage-1)
                        <li class="pager-previous">
                          <a href="${url}&page=${prev}" class="current prev">Prev</a>
                        </li>
                                                                                #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)
                        <li class="pager-item">
                          <span class="current">$pageId</span>
                        </li>
                                                                                #else
                        <li class="pager-item">
                          <a href="${url}&page=${pageId}">$pageId</a>
                        </li>
                                                                                #end
                                                                                #end

                                                                                #if($currentPage == $totalPages)
                        <li class="pager-next">
                          <span class="current next">Next</span>
                        </li>
                                                                                #else
                                                                                        #set($next = $currentPage+1)
                        <li class="pager-next">
                          <a href="${url}&page=${next}" class="current next">Next</a>
                        </li>
                                                                                #end
                      </ul>

                                  </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 -->
              </div>
              <!-- /otherTabContent -->

            </div>
            <!-- /productList -->

            <div class="clearBoth"></div>
          </div>

        </div>

      </div>
      <!-- /my account -->
          
                </div>
                <!-- Widgets -->
                <div class="widgets right">
                        $action.getCartWidgetSnippet()
                        <div id="myresearch" class="common-widget">
                #include("templates/myresearch.vm")
                        </div>
                        <div id="browsehistory" class="common-widget">
                #include("templates/browsehistory.vm")
                        </div>
                </div>
                <!-- /Widgets -->

        </div>
</div>
<!-- /Main -->


 #include("templates/footer.vm")

  <!-- color by color lightbox -->
  <div style="display:none;">
    <div class="colorSelLightBoxColor">
      <form name="frmColorSelName" method="post" action="#">
        <h1>Color Selector</h1>
        <h2>"Please choose color of product"</h2>

        <div class="content"></div>

        <div class="bigImgButton yellow-image">
                <input value="Continue" type="button" class="button" onclick="selectColor();" />
        </div>
        <div class="clearBoth"></div>

      </form>
    </div>
  </div>
  <!-- /color by color lightbox -->

    #include ( "templates/commonjsfiles.vm" )
    <script language="javascript" type="text/javascript" src="/js/priceSlider.js"></script>
    <script type="text/javascript" charset="utf-8">
        $(function(){
                        $('ul.product-description li').truncate({addtitle: true});
        });
    </script>

    <script type="text/javascript">
      minPrice        = $minPrice ;
      maxPrice        = $maxPrice ;
      stepPrice       = 1;
      priceUrl             = "$priceUrl";
      dynamicPriceRange = $action.getDynamicSearchMap();
    </script>
        
        <script type="text/javascript" charset="utf-8">
        #if ($bannerCount == 1 )
        jQuery('#banner-menu').slidy({
        animation:  'none',
        children:   'a',
        menu:       false,
        pause:      true,
        speed:      400,
        time:       4000
    });

        #elseif ($bannerCount > 1 && $bannerCount < 3 )
        $(document).ready(function() {
           $('#bannerMenu').DDSlider({
           nextSlide: '.slider_arrow_right',
           prevSlide: '.slider_arrow_left',
           selector: '.slider_selector'
            });
          }); 
        #else
        jQuery('#banner-menu').slidy({
        animation:  'fade',
        children:   'a',
        menu:       true,
        pause:      true,
        speed:      200,
        time:       5000
    });
        #end
        </script>
        <style type="text/css">
                .slider_arrow_left {
         background: url(/images/left_arrow.png) no-repeat top left;
         }
                .slider_arrow_right {
         background: url(/images/right_arrow.png) no-repeat top left;
         }
        </style>

</body>
</html>