<?php

/* mart/template/product/category.twig */
class __TwigTemplate_649d9de22cd87ecffe33de423f7cf560fb4d4de02b409720d4f989aaaa1472b2 extends Twig_Template
{
    public function __construct(Twig_Environment $env)
    {
        parent::__construct($env);

        $this->parent = false;

        $this->blocks = array(
        );
    }

    protected function doDisplay(array $context, array $blocks = array())
    {
        // line 1
        echo (isset($context["header"]) ? $context["header"] : null);
        echo "
<div id=\"product-category\" class=\"";
        // line 2
        echo (((isset($context["container"]) ? $context["container"] : null)) ? ((isset($context["container"]) ? $context["container"] : null)) : ("container-fluid"));
        echo "\">
  <div class=\"row\">";
        // line 3
        echo (isset($context["column_left"]) ? $context["column_left"] : null);
        echo "
    ";
        // line 4
        if (((isset($context["column_left"]) ? $context["column_left"] : null) && (isset($context["column_right"]) ? $context["column_right"] : null))) {
            // line 5
            echo "    ";
            $context["class"] = "col-sm-6";
            // line 6
            echo "    ";
        } elseif (((isset($context["column_left"]) ? $context["column_left"] : null) || (isset($context["column_right"]) ? $context["column_right"] : null))) {
            // line 7
            echo "    ";
            $context["class"] = "col-sm-9";
            // line 8
            echo "    ";
        } else {
            // line 9
            echo "    ";
            $context["class"] = "col-sm-12";
            // line 10
            echo "    ";
        }
        // line 11
        echo "    <div id=\"content\" class=\"";
        echo (isset($context["class"]) ? $context["class"] : null);
        echo "\">
      <div class=\"content-inner\">
        <ul class=\"breadcrumb\">
          ";
        // line 14
        $context["i"] = 1;
        // line 15
        echo "          ";
        $context['_parent'] = $context;
        $context['_seq'] = twig_ensure_traversable((isset($context["breadcrumbs"]) ? $context["breadcrumbs"] : null));
        foreach ($context['_seq'] as $context["_key"] => $context["breadcrumb"]) {
            // line 16
            echo "            ";
            if ((twig_length_filter($this->env, (isset($context["breadcrumbs"]) ? $context["breadcrumbs"] : null)) != (isset($context["i"]) ? $context["i"] : null))) {
                // line 17
                echo "            <li><a href=\"";
                echo $this->getAttribute($context["breadcrumb"], "href", array());
                echo "\">";
                echo $this->getAttribute($context["breadcrumb"], "text", array());
                echo "</a></li>
            ";
            } else {
                // line 19
                echo "            <li>";
                echo $this->getAttribute($context["breadcrumb"], "text", array());
                echo "</li>
            ";
            }
            // line 21
            echo "            ";
            $context["i"] = ((isset($context["i"]) ? $context["i"] : null) + 1);
            // line 22
            echo "          ";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_iterated'], $context['_key'], $context['breadcrumb'], $context['_parent'], $context['loop']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 23
        echo "        </ul>
        ";
        // line 24
        echo (isset($context["content_top"]) ? $context["content_top"] : null);
        echo "
        <h1>";
        // line 25
        echo (isset($context["heading_title"]) ? $context["heading_title"] : null);
        echo "</h1>
        <br />
        ";
        // line 27
        if (((isset($context["thumb"]) ? $context["thumb"] : null) || (isset($context["description"]) ? $context["description"] : null))) {
            // line 28
            echo "        <div class=\"row\">
          ";
            // line 29
            if ((isset($context["thumb"]) ? $context["thumb"] : null)) {
                // line 30
                echo "          <div class=\"col-sm-12\"><img src=\"";
                echo (isset($context["thumb"]) ? $context["thumb"] : null);
                echo "\" alt=\"";
                echo (isset($context["heading_title"]) ? $context["heading_title"] : null);
                echo "\" title=\"";
                echo (isset($context["heading_title"]) ? $context["heading_title"] : null);
                echo "\" class=\"img-responsive\" /></div>
          ";
            }
            // line 32
            echo "          ";
            if ((isset($context["description"]) ? $context["description"] : null)) {
                // line 33
                echo "          <div class=\"col-sm-12\">";
                echo (isset($context["description"]) ? $context["description"] : null);
                echo "</div>
          ";
            }
            // line 35
            echo "        </div>
        ";
        }
        // line 37
        echo "        ";
        if ((isset($context["categories"]) ? $context["categories"] : null)) {
            // line 38
            echo "        <h3 class=\"module-header\">";
            echo (isset($context["text_refine"]) ? $context["text_refine"] : null);
            echo "</h3>
        <div class=\"row\">
          ";
            // line 40
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable((isset($context["categories"]) ? $context["categories"] : null));
            foreach ($context['_seq'] as $context["_key"] => $context["category"]) {
                // line 41
                echo "          <div class=\"col-xs-6 col-sm-3 col-md-2 refine-search\">
            ";
                // line 42
                if ($this->getAttribute($context["category"], "thumb", array())) {
                    // line 43
                    echo "            <a href=\"";
                    echo $this->getAttribute($context["category"], "href", array());
                    echo "\"><img src=\"";
                    echo $this->getAttribute($context["category"], "thumb", array());
                    echo "\" alt=\"";
                    echo $this->getAttribute($context["category"], "name", array());
                    echo "\" class=\"img-responsive\" width=\"100%\" height=\"100%\"><span>";
                    echo $this->getAttribute($context["category"], "name", array());
                    echo "</span></a>
            ";
                } else {
                    // line 45
                    echo "            <a href=\"";
                    echo $this->getAttribute($context["category"], "href", array());
                    echo "\"><img src=\"catalog/view/theme/mart/image/";
                    echo (((isset($context["no_image"]) ? $context["no_image"] : null)) ? ((isset($context["no_image"]) ? $context["no_image"] : null)) : ("no_image_1"));
                    echo ".png\" alt=\"";
                    echo $this->getAttribute($context["category"], "name", array());
                    echo "\" class=\"img-responsive\" width=\"100%\" height=\"100%\"><span>";
                    echo $this->getAttribute($context["category"], "name", array());
                    echo "</span></a>
            ";
                }
                // line 47
                echo "          </div>
          ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['category'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 49
            echo "        </div>
        ";
        }
        // line 51
        echo "      </div>
      ";
        // line 52
        if ((isset($context["products"]) ? $context["products"] : null)) {
            // line 53
            echo "      <div class=\"content-inner content-filter\">
        <div class=\"row product-filter\">
          <div class=\"col-sm-6\">
            <div class=\"btn-group\">
              <button type=\"button\" id=\"list-view\" class=\"btn btn-empty\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"";
            // line 57
            echo (isset($context["button_list"]) ? $context["button_list"] : null);
            echo "\"><i class=\"material-icons\">view_stream</i></button>
              <button type=\"button\" id=\"grid-view\" class=\"btn btn-empty\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"";
            // line 58
            echo (isset($context["button_grid"]) ? $context["button_grid"] : null);
            echo "\"><i class=\"material-icons\">view_module</i></button>
              <button type=\"button\" id=\"product-compare\" class=\"btn btn-empty\" data-toggle=\"tooltip\" data-placement=\"top\" title=\"";
            // line 59
            echo (isset($context["text_compare"]) ? $context["text_compare"] : null);
            echo "\"><i class=\"material-icons\">compare_arrows</i><span class=\"compare-counter\">";
            echo (isset($context["text_compare"]) ? $context["text_compare"] : null);
            echo "</span></button>
            </div>
          </div>
          <div class=\"col-sm-4\">
            <div class=\"form-group input-group\">
              <select id=\"input-sort\" class=\"form-control input-sm\" onchange=\"location = this.value;\">
                ";
            // line 65
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable($context["sorts"]);
            foreach ($context['_seq'] as $context["_key"] => $context["sorts"]) {
                // line 66
                echo "                ";
                if (($this->getAttribute($context["sorts"], "value", array()) == sprintf("%s-%s", (isset($context["sort"]) ? $context["sort"] : null), (isset($context["order"]) ? $context["order"] : null)))) {
                    // line 67
                    echo "                <option value=\"";
                    echo $this->getAttribute($context["sorts"], "href", array());
                    echo "\" selected=\"selected\">";
                    echo $this->getAttribute($context["sorts"], "text", array());
                    echo "</option>
                ";
                } else {
                    // line 69
                    echo "                <option value=\"";
                    echo $this->getAttribute($context["sorts"], "href", array());
                    echo "\">";
                    echo $this->getAttribute($context["sorts"], "text", array());
                    echo "</option>
                ";
                }
                // line 71
                echo "                ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['sorts'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 72
            echo "              </select>
            </div>
          </div>
          <div class=\"col-sm-2\">
            <div class=\"form-group input-group\">
              <select id=\"input-limit\" class=\"form-control input-sm\" onchange=\"location = this.value;\">
                ";
            // line 78
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable($context["limits"]);
            foreach ($context['_seq'] as $context["_key"] => $context["limits"]) {
                // line 79
                echo "                ";
                if (($this->getAttribute($context["limits"], "value", array()) == (isset($context["limit"]) ? $context["limit"] : null))) {
                    // line 80
                    echo "                <option value=\"";
                    echo $this->getAttribute($context["limits"], "href", array());
                    echo "\" selected=\"selected\">";
                    echo $this->getAttribute($context["limits"], "text", array());
                    echo "</option>
                ";
                } else {
                    // line 82
                    echo "                <option value=\"";
                    echo $this->getAttribute($context["limits"], "href", array());
                    echo "\">";
                    echo $this->getAttribute($context["limits"], "text", array());
                    echo "</option>
                ";
                }
                // line 84
                echo "                ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['limits'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 85
            echo "              </select>
            </div>
          </div>
        </div>
      </div>
      <div class=\"content-inner\">
        <div class=\"row\">
          ";
            // line 92
            $context['_parent'] = $context;
            $context['_seq'] = twig_ensure_traversable((isset($context["products"]) ? $context["products"] : null));
            foreach ($context['_seq'] as $context["_key"] => $context["product"]) {
                // line 93
                echo "          <div class=\"product-layout product-grid col-xs-6 col-md-3\">
            <div class=\"product-thumb ";
                // line 94
                echo ((($this->getAttribute($context["product"], "out_of_stock", array()) && (isset($context["badge_out_of_stock"]) ? $context["badge_out_of_stock"] : null))) ? ("out-of-stock") : (""));
                echo "\">
              <div class=\"image\">
                <a href=\"";
                // line 96
                echo $this->getAttribute($context["product"], "href", array());
                echo "\"><img src=\"";
                echo $this->getAttribute($context["product"], "thumb", array());
                echo "\" alt=\"";
                echo $this->getAttribute($context["product"], "name", array());
                echo "\" title=\"";
                echo $this->getAttribute($context["product"], "name", array());
                echo "\" class=\"img-responsive\" /></a>
              </div>
              ";
                // line 98
                if (($this->getAttribute($context["product"], "out_of_stock", array()) && (isset($context["badge_out_of_stock"]) ? $context["badge_out_of_stock"] : null))) {
                    // line 99
                    echo "              <div class=\"badge-stock\">";
                    echo (isset($context["badge_out_of_stock_label"]) ? $context["badge_out_of_stock_label"] : null);
                    echo "</div>
              ";
                }
                // line 101
                echo "              ";
                if (((($this->getAttribute($context["product"], "recently_added", array()) && (isset($context["badge_recently_added"]) ? $context["badge_recently_added"] : null)) &&  !$this->getAttribute($context["product"], "special", array())) &&  !$this->getAttribute($context["product"], "out_of_stock", array()))) {
                    // line 102
                    echo "              <div class=\"badge-new\">";
                    echo (isset($context["badge_recently_added_label"]) ? $context["badge_recently_added_label"] : null);
                    echo "</div>
              ";
                }
                // line 104
                echo "              ";
                if ((($this->getAttribute($context["product"], "special", array()) && (isset($context["badge_sale"]) ? $context["badge_sale"] : null)) &&  !$this->getAttribute($context["product"], "out_of_stock", array()))) {
                    // line 105
                    echo "              <div class=\"badge-sale\">";
                    echo (isset($context["badge_sale_label"]) ? $context["badge_sale_label"] : null);
                    echo "</div>
              ";
                }
                // line 107
                echo "              <button type=\"button\" class=\"btn btn-empty pull-right\" onclick=\"wishlist.add('";
                echo $this->getAttribute($context["product"], "product_id", array());
                echo "');\"><i class=\"material-icons\">favorite_border</i></button>
              <div class=\"name\">
                <a href=\"";
                // line 109
                echo $this->getAttribute($context["product"], "href", array());
                echo "\">";
                echo $this->getAttribute($context["product"], "name", array());
                echo "</a>
              </div>
              ";
                // line 111
                if ($this->getAttribute($context["product"], "rating", array())) {
                    // line 112
                    echo "              <div class=\"rating\">
                ";
                    // line 113
                    $context['_parent'] = $context;
                    $context['_seq'] = twig_ensure_traversable(range(1, 5));
                    foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
                        // line 114
                        echo "                ";
                        if (($this->getAttribute($context["product"], "rating", array()) < $context["i"])) {
                            // line 115
                            echo "                <span class=\"fa fa-stack\"><i class=\"fa fa-star-o fa-stack-2x\"></i></span>
                ";
                        } else {
                            // line 117
                            echo "                <span class=\"fa fa-stack\"><i class=\"fa fa-star fa-stack-2x\"></i><i class=\"fa fa-star-o fa-stack-2x\"></i></span>
                ";
                        }
                        // line 119
                        echo "                ";
                    }
                    $_parent = $context['_parent'];
                    unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
                    $context = array_intersect_key($context, $_parent) + $_parent;
                    // line 120
                    echo "              </div>
              ";
                }
                // line 122
                echo "              <div class=\"description\">
                <p>";
                // line 123
                echo $this->getAttribute($context["product"], "description", array());
                echo "</p>
              </div>
              <div class=\"caption\">
                ";
                // line 126
                if (($this->getAttribute($context["product"], "colors", array()) && (isset($context["product_color_options"]) ? $context["product_color_options"] : null))) {
                    // line 127
                    echo "                <div class=\"colors\">
                  ";
                    // line 128
                    $context['_parent'] = $context;
                    $context['_seq'] = twig_ensure_traversable($this->getAttribute($context["product"], "colors", array()));
                    foreach ($context['_seq'] as $context["_key"] => $context["color"]) {
                        // line 129
                        echo "                  <span style=\"background:#";
                        echo $context["color"];
                        echo ";\"></span>
                  ";
                    }
                    $_parent = $context['_parent'];
                    unset($context['_seq'], $context['_iterated'], $context['_key'], $context['color'], $context['_parent'], $context['loop']);
                    $context = array_intersect_key($context, $_parent) + $_parent;
                    // line 131
                    echo "                </div>
                ";
                }
                // line 133
                echo "                ";
                if ($this->getAttribute($context["product"], "price", array())) {
                    // line 134
                    echo "                <div class=\"price\">
                  ";
                    // line 135
                    if ( !$this->getAttribute($context["product"], "special", array())) {
                        // line 136
                        echo "                  <span class=\"price-regular\">";
                        echo $this->getAttribute($context["product"], "price", array());
                        echo "</span>
                  ";
                    } else {
                        // line 138
                        echo "                  <span class=\"price-old\">";
                        echo $this->getAttribute($context["product"], "price", array());
                        echo "</span> <span class=\"price-new\">";
                        echo $this->getAttribute($context["product"], "special", array());
                        echo "</span>
                  ";
                    }
                    // line 140
                    echo "                </div>
                ";
                }
                // line 142
                echo "                <button type=\"button\" class=\"btn btn-primary\" onclick=\"cart.add('";
                echo $this->getAttribute($context["product"], "product_id", array());
                echo "', '";
                echo $this->getAttribute($context["product"], "minimum", array());
                echo "');\">";
                echo (isset($context["button_cart"]) ? $context["button_cart"] : null);
                echo "</button>
              </div>
            </div>
          </div>
          ";
            }
            $_parent = $context['_parent'];
            unset($context['_seq'], $context['_iterated'], $context['_key'], $context['product'], $context['_parent'], $context['loop']);
            $context = array_intersect_key($context, $_parent) + $_parent;
            // line 147
            echo "        </div>
        <div class=\"row\">
          <div class=\"col-sm-6 text-left\">";
            // line 149
            echo (isset($context["pagination"]) ? $context["pagination"] : null);
            echo "</div>
          <div class=\"col-sm-6 text-right results\">";
            // line 150
            echo (isset($context["results"]) ? $context["results"] : null);
            echo "</div>
        </div>
        ";
            // line 152
            if (( !(isset($context["categories"]) ? $context["categories"] : null) &&  !(isset($context["products"]) ? $context["products"] : null))) {
                // line 153
                echo "        <p>";
                echo (isset($context["text_empty"]) ? $context["text_empty"] : null);
                echo "</p>
        <div class=\"buttons\">
          <div class=\"pull-right\"><a href=\"";
                // line 155
                echo (isset($context["continue"]) ? $context["continue"] : null);
                echo "\" class=\"btn btn-primary\">";
                echo (isset($context["button_continue"]) ? $context["button_continue"] : null);
                echo "</a></div>
        </div>
        ";
            }
            // line 158
            echo "        ";
            echo (isset($context["content_bottom"]) ? $context["content_bottom"] : null);
            echo "
      </div>
      ";
        }
        // line 161
        echo "    </div>
    ";
        // line 162
        echo (isset($context["column_right"]) ? $context["column_right"] : null);
        echo "
  </div>
</div>
<script>
// compare page link
\$('#product-compare').on('click', function() {
  window.location.href='";
        // line 168
        echo (isset($context["compare"]) ? $context["compare"] : null);
        echo "';
});

updateCounter('.compare-counter');

// scrolreveal
window.sr = ScrollReveal();

var mobileConfig = {delay: 500, opacity: 0.5, duration: 200};
var desktopConfig = {delay: 0};

if (sr.tools.isMobile()) {
  sr.reveal('.product-thumb', mobileConfig);
} else {
  sr.reveal('.product-thumb', desktopConfig);
}

setTimeout(function() {
  window.scrollTo(0, 1);
}, 200);
</script>
";
        // line 189
        echo (isset($context["footer"]) ? $context["footer"] : null);
        echo "
";
    }

    public function getTemplateName()
    {
        return "mart/template/product/category.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  528 => 189,  504 => 168,  495 => 162,  492 => 161,  485 => 158,  477 => 155,  471 => 153,  469 => 152,  464 => 150,  460 => 149,  456 => 147,  440 => 142,  436 => 140,  428 => 138,  422 => 136,  420 => 135,  417 => 134,  414 => 133,  410 => 131,  401 => 129,  397 => 128,  394 => 127,  392 => 126,  386 => 123,  383 => 122,  379 => 120,  373 => 119,  369 => 117,  365 => 115,  362 => 114,  358 => 113,  355 => 112,  353 => 111,  346 => 109,  340 => 107,  334 => 105,  331 => 104,  325 => 102,  322 => 101,  316 => 99,  314 => 98,  303 => 96,  298 => 94,  295 => 93,  291 => 92,  282 => 85,  276 => 84,  268 => 82,  260 => 80,  257 => 79,  253 => 78,  245 => 72,  239 => 71,  231 => 69,  223 => 67,  220 => 66,  216 => 65,  205 => 59,  201 => 58,  197 => 57,  191 => 53,  189 => 52,  186 => 51,  182 => 49,  175 => 47,  163 => 45,  151 => 43,  149 => 42,  146 => 41,  142 => 40,  136 => 38,  133 => 37,  129 => 35,  123 => 33,  120 => 32,  110 => 30,  108 => 29,  105 => 28,  103 => 27,  98 => 25,  94 => 24,  91 => 23,  85 => 22,  82 => 21,  76 => 19,  68 => 17,  65 => 16,  60 => 15,  58 => 14,  51 => 11,  48 => 10,  45 => 9,  42 => 8,  39 => 7,  36 => 6,  33 => 5,  31 => 4,  27 => 3,  23 => 2,  19 => 1,);
    }
}
/* {{ header }}*/
/* <div id="product-category" class="{{ container ?: 'container-fluid' }}">*/
/*   <div class="row">{{ column_left }}*/
/*     {% if column_left and column_right %}*/
/*     {% set class = 'col-sm-6' %}*/
/*     {% elseif column_left or column_right %}*/
/*     {% set class = 'col-sm-9' %}*/
/*     {% else %}*/
/*     {% set class = 'col-sm-12' %}*/
/*     {% endif %}*/
/*     <div id="content" class="{{ class }}">*/
/*       <div class="content-inner">*/
/*         <ul class="breadcrumb">*/
/*           {% set i = 1 %}*/
/*           {% for breadcrumb in breadcrumbs %}*/
/*             {% if breadcrumbs|length != i %}*/
/*             <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>*/
/*             {% else %}*/
/*             <li>{{ breadcrumb.text}}</li>*/
/*             {% endif %}*/
/*             {% set i = i + 1 %}*/
/*           {% endfor %}*/
/*         </ul>*/
/*         {{ content_top }}*/
/*         <h1>{{ heading_title }}</h1>*/
/*         <br />*/
/*         {% if thumb or description %}*/
/*         <div class="row">*/
/*           {% if thumb %}*/
/*           <div class="col-sm-12"><img src="{{ thumb }}" alt="{{ heading_title }}" title="{{ heading_title }}" class="img-responsive" /></div>*/
/*           {% endif %}*/
/*           {% if description %}*/
/*           <div class="col-sm-12">{{ description }}</div>*/
/*           {% endif %}*/
/*         </div>*/
/*         {% endif %}*/
/*         {% if categories %}*/
/*         <h3 class="module-header">{{ text_refine }}</h3>*/
/*         <div class="row">*/
/*           {% for category in categories %}*/
/*           <div class="col-xs-6 col-sm-3 col-md-2 refine-search">*/
/*             {% if category.thumb %}*/
/*             <a href="{{ category.href }}"><img src="{{ category.thumb }}" alt="{{ category.name }}" class="img-responsive" width="100%" height="100%"><span>{{ category.name }}</span></a>*/
/*             {% else %}*/
/*             <a href="{{ category.href }}"><img src="catalog/view/theme/mart/image/{{ no_image ?: 'no_image_1' }}.png" alt="{{ category.name }}" class="img-responsive" width="100%" height="100%"><span>{{ category.name }}</span></a>*/
/*             {% endif %}*/
/*           </div>*/
/*           {% endfor %}*/
/*         </div>*/
/*         {% endif %}*/
/*       </div>*/
/*       {% if products %}*/
/*       <div class="content-inner content-filter">*/
/*         <div class="row product-filter">*/
/*           <div class="col-sm-6">*/
/*             <div class="btn-group">*/
/*               <button type="button" id="list-view" class="btn btn-empty" data-toggle="tooltip" data-placement="top" title="{{ button_list }}"><i class="material-icons">view_stream</i></button>*/
/*               <button type="button" id="grid-view" class="btn btn-empty" data-toggle="tooltip" data-placement="top" title="{{ button_grid }}"><i class="material-icons">view_module</i></button>*/
/*               <button type="button" id="product-compare" class="btn btn-empty" data-toggle="tooltip" data-placement="top" title="{{ text_compare }}"><i class="material-icons">compare_arrows</i><span class="compare-counter">{{ text_compare }}</span></button>*/
/*             </div>*/
/*           </div>*/
/*           <div class="col-sm-4">*/
/*             <div class="form-group input-group">*/
/*               <select id="input-sort" class="form-control input-sm" onchange="location = this.value;">*/
/*                 {% for sorts in sorts %}*/
/*                 {% if sorts.value == '%s-%s'|format(sort, order) %}*/
/*                 <option value="{{ sorts.href }}" selected="selected">{{ sorts.text }}</option>*/
/*                 {% else %}*/
/*                 <option value="{{ sorts.href }}">{{ sorts.text }}</option>*/
/*                 {% endif %}*/
/*                 {% endfor %}*/
/*               </select>*/
/*             </div>*/
/*           </div>*/
/*           <div class="col-sm-2">*/
/*             <div class="form-group input-group">*/
/*               <select id="input-limit" class="form-control input-sm" onchange="location = this.value;">*/
/*                 {% for limits in limits %}*/
/*                 {% if limits.value == limit %}*/
/*                 <option value="{{ limits.href }}" selected="selected">{{ limits.text }}</option>*/
/*                 {% else %}*/
/*                 <option value="{{ limits.href }}">{{ limits.text }}</option>*/
/*                 {% endif %}*/
/*                 {% endfor %}*/
/*               </select>*/
/*             </div>*/
/*           </div>*/
/*         </div>*/
/*       </div>*/
/*       <div class="content-inner">*/
/*         <div class="row">*/
/*           {% for product in products %}*/
/*           <div class="product-layout product-grid col-xs-6 col-md-3">*/
/*             <div class="product-thumb {{ product.out_of_stock and badge_out_of_stock ? 'out-of-stock' : '' }}">*/
/*               <div class="image">*/
/*                 <a href="{{ product.href }}"><img src="{{ product.thumb }}" alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive" /></a>*/
/*               </div>*/
/*               {% if product.out_of_stock and badge_out_of_stock %}*/
/*               <div class="badge-stock">{{ badge_out_of_stock_label }}</div>*/
/*               {% endif %}*/
/*               {% if product.recently_added and badge_recently_added and not product.special and not product.out_of_stock %}*/
/*               <div class="badge-new">{{ badge_recently_added_label }}</div>*/
/*               {% endif %}*/
/*               {% if product.special and badge_sale and not product.out_of_stock %}*/
/*               <div class="badge-sale">{{ badge_sale_label }}</div>*/
/*               {% endif %}*/
/*               <button type="button" class="btn btn-empty pull-right" onclick="wishlist.add('{{ product.product_id }}');"><i class="material-icons">favorite_border</i></button>*/
/*               <div class="name">*/
/*                 <a href="{{ product.href }}">{{ product.name }}</a>*/
/*               </div>*/
/*               {% if product.rating %}*/
/*               <div class="rating">*/
/*                 {% for i in 1..5 %}*/
/*                 {% if product.rating < i %}*/
/*                 <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-2x"></i></span>*/
/*                 {% else %}*/
/*                 <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i><i class="fa fa-star-o fa-stack-2x"></i></span>*/
/*                 {% endif %}*/
/*                 {% endfor %}*/
/*               </div>*/
/*               {% endif %}*/
/*               <div class="description">*/
/*                 <p>{{ product.description }}</p>*/
/*               </div>*/
/*               <div class="caption">*/
/*                 {% if product.colors and product_color_options %}*/
/*                 <div class="colors">*/
/*                   {% for color in product.colors %}*/
/*                   <span style="background:#{{ color }};"></span>*/
/*                   {% endfor %}*/
/*                 </div>*/
/*                 {% endif %}*/
/*                 {% if product.price %}*/
/*                 <div class="price">*/
/*                   {% if not product.special %}*/
/*                   <span class="price-regular">{{ product.price }}</span>*/
/*                   {% else %}*/
/*                   <span class="price-old">{{ product.price }}</span> <span class="price-new">{{ product.special }}</span>*/
/*                   {% endif %}*/
/*                 </div>*/
/*                 {% endif %}*/
/*                 <button type="button" class="btn btn-primary" onclick="cart.add('{{ product.product_id }}', '{{ product.minimum }}');">{{ button_cart }}</button>*/
/*               </div>*/
/*             </div>*/
/*           </div>*/
/*           {% endfor %}*/
/*         </div>*/
/*         <div class="row">*/
/*           <div class="col-sm-6 text-left">{{ pagination }}</div>*/
/*           <div class="col-sm-6 text-right results">{{ results }}</div>*/
/*         </div>*/
/*         {% if not categories and not products %}*/
/*         <p>{{ text_empty }}</p>*/
/*         <div class="buttons">*/
/*           <div class="pull-right"><a href="{{ continue }}" class="btn btn-primary">{{ button_continue }}</a></div>*/
/*         </div>*/
/*         {% endif %}*/
/*         {{ content_bottom }}*/
/*       </div>*/
/*       {% endif %}*/
/*     </div>*/
/*     {{ column_right }}*/
/*   </div>*/
/* </div>*/
/* <script>*/
/* // compare page link*/
/* $('#product-compare').on('click', function() {*/
/*   window.location.href='{{ compare }}';*/
/* });*/
/* */
/* updateCounter('.compare-counter');*/
/* */
/* // scrolreveal*/
/* window.sr = ScrollReveal();*/
/* */
/* var mobileConfig = {delay: 500, opacity: 0.5, duration: 200};*/
/* var desktopConfig = {delay: 0};*/
/* */
/* if (sr.tools.isMobile()) {*/
/*   sr.reveal('.product-thumb', mobileConfig);*/
/* } else {*/
/*   sr.reveal('.product-thumb', desktopConfig);*/
/* }*/
/* */
/* setTimeout(function() {*/
/*   window.scrollTo(0, 1);*/
/* }, 200);*/
/* </script>*/
/* {{ footer }}*/
/* */
