var/cache/dev/twig/f3/f39f8f11ce1a540b4dbe6c3921101e94.php line 51
<?php
use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\CoreExtension;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;
/* mens/collection/collection_page.twig */
class __TwigTemplate_69c8d54bc31c39b8a361da0b5c120710 extends Template
{
private $source;
private $macros = [];
public function __construct(Environment $env)
{
parent::__construct($env);
$this->source = $this->getSourceContext();
$this->blocks = [
'head' => [$this, 'block_head'],
'main' => [$this, 'block_main'],
'js' => [$this, 'block_js'],
];
}
protected function doGetParent(array $context)
{
// line 1
return "mens/base/base_mens.twig";
}
protected function doDisplay(array $context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "mens/collection/collection_page.twig"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "mens/collection/collection_page.twig"));
$this->parent = $this->loadTemplate("mens/base/base_mens.twig", "mens/collection/collection_page.twig", 1);
yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
}
// line 3
public function block_head($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "head"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "head"));
// line 4
yield "<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">
<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">
<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">
<meta name=\"description\" content=\"multikart\">
<meta name=\"keywords\" content=\"multikart\">
<meta name=\"author\" content=\"multikart\">
<link rel=\"icon\" href=\"";
// line 11
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/favicon/1.png"), "html", null, true);
yield "\" type=\"image/x-icon\">
<link rel=\"shortcut icon\" href=\"";
// line 12
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/favicon/1.png"), "html", null, true);
yield "\" type=\"image/x-icon\">
<title>SELECTWEARS</title>
<!--Google font-->
<link href=\"https://fonts.googleapis.com/css?family=Lato:300,400,700,900\" rel=\"stylesheet\">
<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\">
<link href=\"https://fonts.googleapis.com/css2?family=Yellowtail&display=swap\" rel=\"stylesheet\">
<!-- Icons -->
<link rel=\"stylesheet\" type=\"text/css\" href=\"";
// line 21
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/vendors/font-awesome.css"), "html", null, true);
yield "\">
<!--Slick slider css-->
<link rel=\"stylesheet\" type=\"text/css\" href=\"";
// line 24
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/vendors/slick.css"), "html", null, true);
yield "\">
<link rel=\"stylesheet\" type=\"text/css\" href=\"";
// line 25
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/vendors/slick-theme.css"), "html", null, true);
yield "\">
<!-- Animate icon -->
<link rel=\"stylesheet\" type=\"text/css\" href=\"";
// line 28
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/vendors/animate.css"), "html", null, true);
yield "\">
<!-- Price range icon -->
<link rel=\"stylesheet\" type=\"text/css\" href=\"";
// line 31
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/vendors/price-range.css"), "html", null, true);
yield "\">
<!-- Themify icon -->
<link rel=\"stylesheet\" type=\"text/css\" href=\"";
// line 34
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/vendors/themify-icons.css"), "html", null, true);
yield "\">
<!-- Bootstrap css -->
<link rel=\"stylesheet\" type=\"text/css\" href=\"";
// line 37
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/vendors/bootstrap.css"), "html", null, true);
yield "\">
<!-- Theme css -->
<link rel=\"stylesheet\" type=\"text/css\" href=\"";
// line 40
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/css/style.css"), "html", null, true);
yield "\">
<!--Plugin CSS file with desired skin-->
<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/css/ion.rangeSlider.min.css\"/>
<!--jQuery-->
<script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js\"></script>
<!--Plugin JavaScript file-->
<script src=\"https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/js/ion.rangeSlider.min.js\"></script>
<style>
.top-align{
top: 0 !important
}
.product-box .image-swatch li img {
width: 50px;
height: 50px;
}
</style>
</head>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
return; yield '';
}
// line 63
public function block_main($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "main"));
// line 64
yield " <input id=\"collection_id\" name=\"collection_id\" type=\"text\" value=";
yield Twig\Extension\EscaperExtension::escape($this->env, (isset($context["collectionId"]) || array_key_exists("collectionId", $context) ? $context["collectionId"] : (function () { throw new RuntimeError('Variable "collectionId" does not exist.', 64, $this->source); })()), "html", null, true);
yield " class=\"d-none\"/>
<!-- section start -->
<section class=\"section-b-space ratio_asos\">
<div class=\"collection-wrapper\">
<div class=\"container\">
<div class=\"row\">
<div class=\"col-sm-2 collection-filter\">
<!-- side-bar colleps block stat -->
<div class=\"collection-filter-block\">
<!-- brand filter start -->
<div class=\"collection-mobile-back\"><span class=\"filter-back\"><i class=\"fa fa-angle-left\"
aria-hidden=\"true\"></i> ";
// line 76
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("back", [], "templates"), "html", null, true);
yield "</span></div>
";
// line 104
yield " <!-- color filter start here -->
<div class=\"collection-collapse-block open\">
<h3 class=\"collapse-block-title\">";
// line 106
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("colors", [], "templates"), "html", null, true);
yield "</h3>
<div class=\"collection-collapse-block-content\">
<div class=\"color-selector\">
<select id=\"color-filter\" class=\"form-control\">
<option value=''> ---------- </option>
";
// line 111
$context['_parent'] = $context;
$context['_seq'] = CoreExtension::ensureTraversable((isset($context["colors"]) || array_key_exists("colors", $context) ? $context["colors"] : (function () { throw new RuntimeError('Variable "colors" does not exist.', 111, $this->source); })()));
foreach ($context['_seq'] as $context["_key"] => $context["color"]) {
// line 112
yield " <option value=\"";
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["color"], "value", [], "any", false, false, false, 112), "html", null, true);
yield "\"> ";
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["color"], "value", [], "any", false, false, false, 112), "html", null, true);
yield " </option>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['color'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 114
yield "
</select>
</div>
</div>
</div>
<!-- size filter start here -->
<div class=\"collection-collapse-block border-0 open\">
<h3 class=\"collapse-block-title\">";
// line 121
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("size", [], "templates"), "html", null, true);
yield "</h3>
<div class=\"collection-collapse-block-content\">
<div class=\"collection-brand-filter\">
";
// line 124
$context['_parent'] = $context;
$context['_seq'] = CoreExtension::ensureTraversable((isset($context["sizes"]) || array_key_exists("sizes", $context) ? $context["sizes"] : (function () { throw new RuntimeError('Variable "sizes" does not exist.', 124, $this->source); })()));
foreach ($context['_seq'] as $context["_key"] => $context["size"]) {
// line 125
yield " <div class=\"form-check collection-filter-checkbox\">
<input type=\"radio\" class=\"form-check-input\" id=\"hundred\" value=\"";
// line 126
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["size"], "value", [], "any", false, false, false, 126), "html", null, true);
yield "\" name=\"size\">
<label class=\"form-check-label\" for=\"hundred\">";
// line 127
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["size"], "value", [], "any", false, false, false, 127), "html", null, true);
yield "</label>
</div>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['size'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 130
yield " </div>
</div>
</div>
<!-- price filter start here -->
<div class=\"collection-collapse-block border-0 open\">
<h3 class=\"collapse-block-title\">";
// line 135
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("price", [], "templates"), "html", null, true);
yield "</h3>
<div id=\"slider-range-min\">
</div>
<div class=\"collection-collapse-block-content\">
<div class=\"wrapper mt-3\">
<div class=\"range-slider\">
<input type=\"text\" id=\"price-filter\" class=\"js-range-slider\" value=\"\"
data-type=\"double\"
data-min=\"0\"
data-max=\"";
// line 147
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, (isset($context["priceRange"]) || array_key_exists("priceRange", $context) ? $context["priceRange"] : (function () { throw new RuntimeError('Variable "priceRange" does not exist.', 147, $this->source); })()), "max_price", [], "any", false, false, false, 147), "html", null, true);
yield "\"
data-from=\"";
// line 148
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, (isset($context["priceRange"]) || array_key_exists("priceRange", $context) ? $context["priceRange"] : (function () { throw new RuntimeError('Variable "priceRange" does not exist.', 148, $this->source); })()), "min_price", [], "any", false, false, false, 148), "html", null, true);
yield "\"
data-to=\"";
// line 149
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, (isset($context["priceRange"]) || array_key_exists("priceRange", $context) ? $context["priceRange"] : (function () { throw new RuntimeError('Variable "priceRange" does not exist.', 149, $this->source); })()), "max_price", [], "any", false, false, false, 149), "html", null, true);
yield "\"
data-grid=\"true\"
data-step=\"0.5\"
/>
</div>
</div>
</div>
</div>
</div>
<!-- silde-bar colleps block end here -->
</div>
<div class=\"collection-content col\">
<div class=\"page-main-content\">
<div class=\"row\">
<div class=\"col-sm-12\">
<div class=\"collection-product-wrapper\">
<div class=\"product-top-filter\">
<div class=\"row\">
<div class=\"col-xl-12\">
<div class=\"filter-main-btn\"><span
class=\"filter-btn btn btn-theme\"><i class=\"fa fa-filter\"
aria-hidden=\"true\"></i> ";
// line 170
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Filter", [], "templates"), "html", null, true);
yield "</span></div>
</div>
</div>
<div class=\"row\">
<div class=\"col-12\">
<div class=\"product-filter-content\">
<div class=\"search-count\">
<h5>";
// line 177
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Showing Products", [], "templates"), "html", null, true);
yield " | 1-24 ";
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("of", [], "templates"), "html", null, true);
yield " ";
yield Twig\Extension\EscaperExtension::escape($this->env, Twig\Extension\CoreExtension::lengthFilter($this->env, (isset($context["products"]) || array_key_exists("products", $context) ? $context["products"] : (function () { throw new RuntimeError('Variable "products" does not exist.', 177, $this->source); })())), "html", null, true);
yield " ";
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Result", [], "templates"), "html", null, true);
yield "</h5>
</div>
<div class=\"collection-view\">
<ul>
<li><i class=\"fa fa-th grid-layout-view\"></i></li>
<li><i class=\"fa fa-list-ul list-layout-view\"></i></li>
</ul>
</div>
<div class=\"collection-grid-view\">
<ul>
<li><img src=\"";
// line 187
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/icon/2.png"), "html", null, true);
yield "\" alt=\"\" class=\"product-2-layout-view\"></li>
<li><img src=\"";
// line 188
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/icon/3.png"), "html", null, true);
yield "\" alt=\"\" class=\"product-3-layout-view\"></li>
<li><img src=\"";
// line 189
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/icon/4.png"), "html", null, true);
yield "\" alt=\"\" class=\"product-4-layout-view\"></li>
<li><img src=\"";
// line 190
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/icon/6.png"), "html", null, true);
yield "\" alt=\"\" class=\"product-6-layout-view\"></li>
</ul>
</div>
<div class=\"product-page-per-view\">
<select>
<option value=\"High to low\">24 ";
// line 195
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Products Per Page", [], "templates"), "html", null, true);
yield "
</option>
<option value=\"Low to High\">50 ";
// line 197
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Products Per Page", [], "templates"), "html", null, true);
yield "
</option>
<option value=\"Low to High\">100 ";
// line 199
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Products Per Page", [], "templates"), "html", null, true);
yield "
</option>
</select>
</div>
<div class=\"product-page-filter\">
<select>
<option value=\"High to low\">";
// line 205
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Sorting items", [], "templates"), "html", null, true);
yield "</option>
<option value=\"Low to High\">50 ";
// line 206
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Products", [], "templates"), "html", null, true);
yield "</option>
<option value=\"Low to High\">100 ";
// line 207
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Products", [], "templates"), "html", null, true);
yield "</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div id=\"collection_content\" >
<div id=\"collection_main\" class=\"product-wrapper-grid\">
<div class=\"row margin-res\">
";
// line 217
if ((isset($context["products"]) || array_key_exists("products", $context) ? $context["products"] : (function () { throw new RuntimeError('Variable "products" does not exist.', 217, $this->source); })())) {
// line 218
yield " ";
$context['_parent'] = $context;
$context['_seq'] = CoreExtension::ensureTraversable((isset($context["products"]) || array_key_exists("products", $context) ? $context["products"] : (function () { throw new RuntimeError('Variable "products" does not exist.', 218, $this->source); })()));
foreach ($context['_seq'] as $context["_key"] => $context["product"]) {
// line 219
yield " <div class=\"col-xl-3 col-6 col-grid-box\">
<div class=\"product-box\">
<div class=\"img-wrapper\">
<div class=\"front\">
<a href=\"";
// line 223
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_product_page", ["pid" => CoreExtension::getAttribute($this->env, $this->source, $context["product"], "id", [], "any", false, false, false, 223), "vid" => CoreExtension::getAttribute($this->env, $this->source, $context["product"], "firstVariantId", [], "method", false, false, false, 223), "gender" => "mens"]), "html", null, true);
yield "\">
<img
src=\"";
// line 225
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "mainImage", [], "any", false, false, false, 225), "html", null, true);
yield "\"
class=\"img-fluid blur-up lazyload bg-img\"
alt=\"\"
>
</a>
</div>
<div class=\"back\">
<a href=\"";
// line 232
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_product_page", ["pid" => CoreExtension::getAttribute($this->env, $this->source, $context["product"], "id", [], "any", false, false, false, 232), "vid" => CoreExtension::getAttribute($this->env, $this->source, $context["product"], "firstVariantId", [], "method", false, false, false, 232), "gender" => "mens"]), "html", null, true);
yield "\">
<img
src=\"";
// line 234
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "mainImage", [], "any", false, false, false, 234), "html", null, true);
yield "\"
class=\"img-fluid blur-up lazyload bg-img\"
alt=\"\">
</a>
</div>
<div class=\"cart-info cart-wrap top-align\">
<a
onclick=\"addToFavoris(this)\"
href=\"javascript:void(0)\"
title=\"";
// line 243
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Add to Wishlist", [], "templates"), "html", null, true);
yield "\"
data-p-id=";
// line 244
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "id", [], "any", false, false, false, 244), "html", null, true);
yield "
data-p-name=";
// line 245
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "name", [], "any", false, false, false, 245), "html", null, true);
yield "
data-p-price=";
// line 246
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "firstVariantPrice", [], "method", false, false, false, 246), "html", null, true);
yield "
data-p-image=";
// line 247
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "mainImage", [], "any", false, false, false, 247), "html", null, true);
yield "
data-p-api=";
// line 248
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "apiId", [], "any", false, false, false, 248), "html", null, true);
yield "
>
";
// line 251
if (CoreExtension::inFilter(CoreExtension::getAttribute($this->env, $this->source, $context["product"], "id", [], "any", false, false, false, 251), CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["app"]) || array_key_exists("app", $context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.', 251, $this->source); })()), "session", [], "any", false, false, false, 251), "get", ["wishlist"], "method", false, false, false, 251))) {
// line 252
yield " <i class='fa-solid fa-heart' style='color: #ff0000;'></i>
";
} else {
// line 254
yield " <i class='fa-regular fa-heart'></i>
";
}
// line 255
yield "
</a>
</div>
<div class=\"cart-info cart-wrap\">
<ul class=\"image-swatch\">
";
// line 263
$context['_parent'] = $context;
$context['_seq'] = CoreExtension::ensureTraversable(Twig\Extension\CoreExtension::slice($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "variants", [], "any", false, false, false, 263), 0, 4));
foreach ($context['_seq'] as $context["_key"] => $context["variant"]) {
// line 264
yield " <li class=\"v-swatch\">
<a href=\"";
// line 265
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_product_page", ["pid" => CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["variant"], "product", [], "any", false, false, false, 265), "id", [], "any", false, false, false, 265), "vid" => CoreExtension::getAttribute($this->env, $this->source, $context["variant"], "id", [], "any", false, false, false, 265), "gender" => "mens"]), "html", null, true);
yield "\">
<img
onmouseleave=\"category.oldImg('";
// line 267
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["variant"], "product", [], "any", false, false, false, 267), "id", [], "any", false, false, false, 267), "html", null, true);
yield "',this)\"
onmouseenter=\"category.swatchImg('";
// line 268
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, $context["variant"], "product", [], "any", false, false, false, 268), "id", [], "any", false, false, false, 268), "html", null, true);
yield "',this)\"
src=\"";
// line 269
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["variant"], "mainImage", [], "any", false, false, false, 269), "html", null, true);
yield "\"
alt=\"\"
class=\"img-fluid blur-up lazyload\"
>
</a>
</li>
";
}
$_parent = $context['_parent'];
unset($context['_seq'], $context['_iterated'], $context['_key'], $context['variant'], $context['_parent'], $context['loop']);
$context = array_intersect_key($context, $_parent) + $_parent;
// line 276
yield "
";
// line 277
if ((Twig\Extension\CoreExtension::lengthFilter($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "variants", [], "any", false, false, false, 277)) > 4)) {
// line 278
yield " ";
$context["more"] = (Twig\Extension\CoreExtension::lengthFilter($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "variants", [], "any", false, false, false, 278)) - 4);
// line 279
yield " <li class=\"v-swatch v-swatch-more\">
<a class=\"text-dark\" href=\"";
// line 280
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("app_product_page", ["pid" => CoreExtension::getAttribute($this->env, $this->source, $context["product"], "id", [], "any", false, false, false, 280), "vid" => CoreExtension::getAttribute($this->env, $this->source, $context["product"], "firstVariantId", [], "method", false, false, false, 280), "gender" => "mens"]), "html", null, true);
yield "\">
+ ";
// line 281
yield Twig\Extension\EscaperExtension::escape($this->env, (isset($context["more"]) || array_key_exists("more", $context) ? $context["more"] : (function () { throw new RuntimeError('Variable "more" does not exist.', 281, $this->source); })()), "html", null, true);
yield "
</a>
</li>
";
}
// line 285
yield " </ul>
</div>
</div>
<div class=\"product-detail\">
<div>
";
// line 295
yield " <a href=\"product-page(no-sidebar).html\">
<h6>";
// line 296
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "name", [], "any", false, false, false, 296), "html", null, true);
yield "</h6>
</a>
<p>";
// line 298
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "description", [], "any", false, false, false, 298), "html", null, true);
yield "</p>
<h4>";
// line 299
yield Twig\Extension\EscaperExtension::escape($this->env, CoreExtension::getAttribute($this->env, $this->source, $context["product"], "firstVariantPrice", [], "method", false, false, false, 299), "html", null, true);
yield " EUR</h4>
";
// line 307
yield " ";
// line 308
yield "
</div>
</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 316
yield " ";
} else {
// line 317
yield " <!-- section start -->
<section class=\"p-0\">
<div class=\"container\">
<div class=\"row\">
<div class=\"col-sm-12\">
<div class=\"error-section\">
";
// line 324
yield " <h2>";
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("NO PRODUCTS FOUND IN THIS COLLECTION", [], "templates"), "html", null, true);
yield "</h2>
<a href=\"/mens\" class=\"btn btn-solid\">";
// line 325
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("back to home", [], "templates"), "html", null, true);
yield "</a>
</div>
</div>
</div>
</div>
</section>
<!-- Section ends -->
";
}
// line 333
yield "
";
// line 334
if ((isset($context["products"]) || array_key_exists("products", $context) ? $context["products"] : (function () { throw new RuntimeError('Variable "products" does not exist.', 334, $this->source); })())) {
// line 335
yield " <div class=\"knp-pagination\">
";
// line 336
yield $this->env->getRuntime('Knp\Bundle\PaginatorBundle\Twig\Extension\PaginationRuntime')->render($this->env, (isset($context["products"]) || array_key_exists("products", $context) ? $context["products"] : (function () { throw new RuntimeError('Variable "products" does not exist.', 336, $this->source); })()), "pagination.twig");
yield "
</div>
";
}
// line 339
yield " </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- section End -->
<!-- Quick-view modal popup start-->
<div class=\"modal fade bd-example-modal-lg theme-modal\" id=\"quick-view\" tabindex=\"-1\" role=\"dialog\"
aria-hidden=\"true\">
<div class=\"modal-dialog modal-lg modal-dialog-centered\" role=\"document\">
<div class=\"modal-content quick-view-modal\">
<div class=\"modal-body\">
<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><span
aria-hidden=\"true\">×</span></button>
<div class=\"row\">
<div class=\"col-lg-6 col-xs-12\">
<div class=\"quick-view-img\"><img src=\"";
// line 363
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/images/pro3/1.jpg"), "html", null, true);
yield "\" alt=\"\"
class=\"img-fluid blur-up lazyload\"></div>
</div>
<div class=\"col-lg-6 rtl-text\">
<div class=\"product-right\">
<h2>Women Pink Shirt</h2>
<h3>\$32.96</h3>
<ul class=\"color-variant\">
<li class=\"bg-light0\"></li>
<li class=\"bg-light1\"></li>
<li class=\"bg-light2\"></li>
</ul>
<div class=\"border-product\">
<h6 class=\"product-title\">product details</h6>
<p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium</p>
</div>
<div class=\"product-description border-product\">
<div class=\"size-box\">
<ul>
<li class=\"active\"><a href=\"javascript:void(0)\">s</a></li>
<li><a href=\"javascript:void(0)\">m</a></li>
<li><a href=\"javascript:void(0)\">l</a></li>
<li><a href=\"javascript:void(0)\">xl</a></li>
</ul>
</div>
<h6 class=\"product-title\">quantity</h6>
<div class=\"qty-box\">
<div class=\"input-group\"><span class=\"input-group-prepend\"><button type=\"button\"
class=\"btn quantity-left-minus\" data-type=\"minus\" data-field=\"\"><i
class=\"ti-angle-left\"></i></button> </span>
<input type=\"text\" name=\"quantity\" class=\"form-control input-number\"
value=\"1\"> <span class=\"input-group-prepend\"><button type=\"button\"
class=\"btn quantity-right-plus\" data-type=\"plus\" data-field=\"\"><i
class=\"ti-angle-right\"></i></button></span>
</div>
</div>
</div>
<div class=\"product-buttons\"><a href=\"#\" class=\"btn btn-solid\">add to cart</a> <a
href=\"#\" class=\"btn btn-solid\">view detail</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Quick-view modal popup end-->
<!-- tap to top start -->
<div class=\"tap-top\">
<div><i class=\"fa fa-angle-double-up\"></i></div>
</div>
<!-- tap to top end -->
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
return; yield '';
}
// line 419
public function block_js($context, array $blocks = [])
{
$macros = $this->macros;
$__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
$__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "js"));
$__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "js"));
// line 420
yield " <!-- latest jquery-->
<script src=\"";
// line 421
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/jquery-3.3.1.min.js"), "html", null, true);
yield "\"></script>
<!-- menu js-->
<script src=\"";
// line 424
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/menu.js"), "html", null, true);
yield "\"></script>
<!-- lazyload js-->
<script src=\"";
// line 427
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/lazysizes.min.js"), "html", null, true);
yield "\"></script>
<!-- price range js -->
<script src=\"";
// line 430
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/price-range.js"), "html", null, true);
yield "\"></script>
<!-- slick js-->
<script src=\"";
// line 433
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/slick.js"), "html", null, true);
yield "\"></script>
<!-- Bootstrap js-->
<script src=\"";
// line 436
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/bootstrap.bundle.min.js"), "html", null, true);
yield "\"></script>
<!-- Bootstrap Notification js-->
<script src=\"";
// line 439
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/bootstrap-notify.min.js"), "html", null, true);
yield "\"></script>
<!-- Theme js-->
<script src=\"";
// line 442
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/theme-setting.js"), "html", null, true);
yield "\"></script>
<script src=\"";
// line 443
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/script.js"), "html", null, true);
yield "\"></script>
<script>
function openSearch() {
document.getElementById(\"search-overlay\").style.display = \"block\";
}
function closeSearch() {
document.getElementById(\"search-overlay\").style.display = \"none\";
}
</script>
<script src=\"";
// line 455
yield Twig\Extension\EscaperExtension::escape($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("assets/js/modules.js"), "html", null, true);
yield "\"></script>
";
$__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
$__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
return; yield '';
}
/**
* @codeCoverageIgnore
*/
public function getTemplateName()
{
return "mens/collection/collection_page.twig";
}
/**
* @codeCoverageIgnore
*/
public function isTraitable()
{
return false;
}
/**
* @codeCoverageIgnore
*/
public function getDebugInfo()
{
return array ( 796 => 455, 781 => 443, 777 => 442, 771 => 439, 765 => 436, 759 => 433, 753 => 430, 747 => 427, 741 => 424, 735 => 421, 732 => 420, 722 => 419, 656 => 363, 630 => 339, 624 => 336, 621 => 335, 619 => 334, 616 => 333, 605 => 325, 600 => 324, 592 => 317, 589 => 316, 576 => 308, 574 => 307, 570 => 299, 566 => 298, 561 => 296, 558 => 295, 551 => 285, 544 => 281, 540 => 280, 537 => 279, 534 => 278, 532 => 277, 529 => 276, 516 => 269, 512 => 268, 508 => 267, 503 => 265, 500 => 264, 496 => 263, 486 => 255, 482 => 254, 478 => 252, 476 => 251, 470 => 248, 466 => 247, 462 => 246, 458 => 245, 454 => 244, 450 => 243, 438 => 234, 433 => 232, 423 => 225, 418 => 223, 412 => 219, 407 => 218, 405 => 217, 392 => 207, 388 => 206, 384 => 205, 375 => 199, 370 => 197, 365 => 195, 357 => 190, 353 => 189, 349 => 188, 345 => 187, 326 => 177, 316 => 170, 292 => 149, 288 => 148, 284 => 147, 269 => 135, 262 => 130, 253 => 127, 249 => 126, 246 => 125, 242 => 124, 236 => 121, 227 => 114, 216 => 112, 212 => 111, 204 => 106, 200 => 104, 196 => 76, 180 => 64, 170 => 63, 136 => 40, 130 => 37, 124 => 34, 118 => 31, 112 => 28, 106 => 25, 102 => 24, 96 => 21, 84 => 12, 80 => 11, 71 => 4, 61 => 3, 38 => 1,);
}
public function getSourceContext()
{
return new Source("{% extends 'mens/base/base_mens.twig' %}
{% block head %}
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">
<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">
<meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">
<meta name=\"description\" content=\"multikart\">
<meta name=\"keywords\" content=\"multikart\">
<meta name=\"author\" content=\"multikart\">
<link rel=\"icon\" href=\"{{ asset('assets/images/favicon/1.png') }}\" type=\"image/x-icon\">
<link rel=\"shortcut icon\" href=\"{{ asset('assets/images/favicon/1.png') }}\" type=\"image/x-icon\">
<title>SELECTWEARS</title>
<!--Google font-->
<link href=\"https://fonts.googleapis.com/css?family=Lato:300,400,700,900\" rel=\"stylesheet\">
<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\">
<link href=\"https://fonts.googleapis.com/css2?family=Yellowtail&display=swap\" rel=\"stylesheet\">
<!-- Icons -->
<link rel=\"stylesheet\" type=\"text/css\" href=\"{{ asset('assets/css/vendors/font-awesome.css') }}\">
<!--Slick slider css-->
<link rel=\"stylesheet\" type=\"text/css\" href=\"{{ asset('assets/css/vendors/slick.css') }}\">
<link rel=\"stylesheet\" type=\"text/css\" href=\"{{ asset('assets/css/vendors/slick-theme.css') }}\">
<!-- Animate icon -->
<link rel=\"stylesheet\" type=\"text/css\" href=\"{{ asset('assets/css/vendors/animate.css') }}\">
<!-- Price range icon -->
<link rel=\"stylesheet\" type=\"text/css\" href=\"{{ asset('assets/css/vendors/price-range.css') }}\">
<!-- Themify icon -->
<link rel=\"stylesheet\" type=\"text/css\" href=\"{{ asset('assets/css/vendors/themify-icons.css') }}\">
<!-- Bootstrap css -->
<link rel=\"stylesheet\" type=\"text/css\" href=\"{{ asset('assets/css/vendors/bootstrap.css') }}\">
<!-- Theme css -->
<link rel=\"stylesheet\" type=\"text/css\" href=\"{{ asset('assets/css/style.css') }}\">
<!--Plugin CSS file with desired skin-->
<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/css/ion.rangeSlider.min.css\"/>
<!--jQuery-->
<script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js\"></script>
<!--Plugin JavaScript file-->
<script src=\"https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/js/ion.rangeSlider.min.js\"></script>
<style>
.top-align{
top: 0 !important
}
.product-box .image-swatch li img {
width: 50px;
height: 50px;
}
</style>
</head>
{% endblock %}
{% block main %}
<input id=\"collection_id\" name=\"collection_id\" type=\"text\" value={{ collectionId }} class=\"d-none\"/>
<!-- section start -->
<section class=\"section-b-space ratio_asos\">
<div class=\"collection-wrapper\">
<div class=\"container\">
<div class=\"row\">
<div class=\"col-sm-2 collection-filter\">
<!-- side-bar colleps block stat -->
<div class=\"collection-filter-block\">
<!-- brand filter start -->
<div class=\"collection-mobile-back\"><span class=\"filter-back\"><i class=\"fa fa-angle-left\"
aria-hidden=\"true\"></i> {{ 'back' | trans({},'templates') }}</span></div>
{# <div class=\"collection-collapse-block open\">
<h3 class=\"collapse-block-title\">brand</h3>
<div class=\"collection-collapse-block-content\">
<div class=\"collection-brand-filter\">
<div class=\"form-check collection-filter-checkbox\">
<input type=\"checkbox\" class=\"form-check-input\" id=\"zara\">
<label class=\"form-check-label\" for=\"zara\">zara</label>
</div>
<div class=\"form-check collection-filter-checkbox\">
<input type=\"checkbox\" class=\"form-check-input\" id=\"vera-moda\">
<label class=\"form-check-label\" for=\"vera-moda\">vera-moda</label>
</div>
<div class=\"form-check collection-filter-checkbox\">
<input type=\"checkbox\" class=\"form-check-input\" id=\"forever-21\">
<label class=\"form-check-label\" for=\"forever-21\">forever-21</label>
</div>
<div class=\"form-check collection-filter-checkbox\">
<input type=\"checkbox\" class=\"form-check-input\" id=\"roadster\">
<label class=\"form-check-label\" for=\"roadster\">roadster</label>
</div>
<div class=\"form-check collection-filter-checkbox\">
<input type=\"checkbox\" class=\"form-check-input\" id=\"only\">
<label class=\"form-check-label\" for=\"only\">only</label>
</div>
</div>
</div>
</div> #}
<!-- color filter start here -->
<div class=\"collection-collapse-block open\">
<h3 class=\"collapse-block-title\">{{ 'colors' | trans({},'templates') }}</h3>
<div class=\"collection-collapse-block-content\">
<div class=\"color-selector\">
<select id=\"color-filter\" class=\"form-control\">
<option value=''> ---------- </option>
{% for color in colors %}
<option value=\"{{ color.value }}\"> {{ color.value }} </option>
{% endfor %}
</select>
</div>
</div>
</div>
<!-- size filter start here -->
<div class=\"collection-collapse-block border-0 open\">
<h3 class=\"collapse-block-title\">{{ 'size' | trans({},'templates') }}</h3>
<div class=\"collection-collapse-block-content\">
<div class=\"collection-brand-filter\">
{% for size in sizes %}
<div class=\"form-check collection-filter-checkbox\">
<input type=\"radio\" class=\"form-check-input\" id=\"hundred\" value=\"{{ size.value}}\" name=\"size\">
<label class=\"form-check-label\" for=\"hundred\">{{ size.value}}</label>
</div>
{% endfor %}
</div>
</div>
</div>
<!-- price filter start here -->
<div class=\"collection-collapse-block border-0 open\">
<h3 class=\"collapse-block-title\">{{ 'price' | trans({},'templates') }}</h3>
<div id=\"slider-range-min\">
</div>
<div class=\"collection-collapse-block-content\">
<div class=\"wrapper mt-3\">
<div class=\"range-slider\">
<input type=\"text\" id=\"price-filter\" class=\"js-range-slider\" value=\"\"
data-type=\"double\"
data-min=\"0\"
data-max=\"{{ priceRange.max_price }}\"
data-from=\"{{ priceRange.min_price }}\"
data-to=\"{{ priceRange.max_price }}\"
data-grid=\"true\"
data-step=\"0.5\"
/>
</div>
</div>
</div>
</div>
</div>
<!-- silde-bar colleps block end here -->
</div>
<div class=\"collection-content col\">
<div class=\"page-main-content\">
<div class=\"row\">
<div class=\"col-sm-12\">
<div class=\"collection-product-wrapper\">
<div class=\"product-top-filter\">
<div class=\"row\">
<div class=\"col-xl-12\">
<div class=\"filter-main-btn\"><span
class=\"filter-btn btn btn-theme\"><i class=\"fa fa-filter\"
aria-hidden=\"true\"></i> {{ 'Filter' | trans({},'templates') }}</span></div>
</div>
</div>
<div class=\"row\">
<div class=\"col-12\">
<div class=\"product-filter-content\">
<div class=\"search-count\">
<h5>{{ 'Showing Products' | trans({},'templates') }} | 1-24 {{ 'of' | trans({},'templates') }} {{ products | length }} {{ 'Result' | trans({},'templates') }}</h5>
</div>
<div class=\"collection-view\">
<ul>
<li><i class=\"fa fa-th grid-layout-view\"></i></li>
<li><i class=\"fa fa-list-ul list-layout-view\"></i></li>
</ul>
</div>
<div class=\"collection-grid-view\">
<ul>
<li><img src=\"{{ asset('assets/images/icon/2.png') }}\" alt=\"\" class=\"product-2-layout-view\"></li>
<li><img src=\"{{ asset('assets/images/icon/3.png') }}\" alt=\"\" class=\"product-3-layout-view\"></li>
<li><img src=\"{{ asset('assets/images/icon/4.png') }}\" alt=\"\" class=\"product-4-layout-view\"></li>
<li><img src=\"{{ asset('assets/images/icon/6.png') }}\" alt=\"\" class=\"product-6-layout-view\"></li>
</ul>
</div>
<div class=\"product-page-per-view\">
<select>
<option value=\"High to low\">24 {{ 'Products Per Page' | trans({},'templates') }}
</option>
<option value=\"Low to High\">50 {{ 'Products Per Page' | trans({},'templates') }}
</option>
<option value=\"Low to High\">100 {{ 'Products Per Page' | trans({},'templates') }}
</option>
</select>
</div>
<div class=\"product-page-filter\">
<select>
<option value=\"High to low\">{{ 'Sorting items' | trans({},'templates') }}</option>
<option value=\"Low to High\">50 {{ 'Products' | trans({},'templates') }}</option>
<option value=\"Low to High\">100 {{ 'Products' | trans({},'templates') }}</option>
</select>
</div>
</div>
</div>
</div>
</div>
<div id=\"collection_content\" >
<div id=\"collection_main\" class=\"product-wrapper-grid\">
<div class=\"row margin-res\">
{% if products %}
{% for product in products %}
<div class=\"col-xl-3 col-6 col-grid-box\">
<div class=\"product-box\">
<div class=\"img-wrapper\">
<div class=\"front\">
<a href=\"{{ path('app_product_page',{'pid': product.id, 'vid': product.firstVariantId(),'gender': \"mens\" })}}\">
<img
src=\"{{ product.mainImage }}\"
class=\"img-fluid blur-up lazyload bg-img\"
alt=\"\"
>
</a>
</div>
<div class=\"back\">
<a href=\"{{ path('app_product_page',{'pid': product.id, vid: product.firstVariantId() ,'gender': \"mens\"})}}\">
<img
src=\"{{ product.mainImage }}\"
class=\"img-fluid blur-up lazyload bg-img\"
alt=\"\">
</a>
</div>
<div class=\"cart-info cart-wrap top-align\">
<a
onclick=\"addToFavoris(this)\"
href=\"javascript:void(0)\"
title=\"{{ 'Add to Wishlist' | trans({},'templates') }}\"
data-p-id={{ product.id }}
data-p-name={{ product.name }}
data-p-price={{ product.firstVariantPrice() }}
data-p-image={{ product.mainImage }}
data-p-api={{ product.apiId }}
>
{% if product.id in app.session.get('wishlist') %}
<i class='fa-solid fa-heart' style='color: #ff0000;'></i>
{% else %}
<i class='fa-regular fa-heart'></i>
{% endif %}
</a>
</div>
<div class=\"cart-info cart-wrap\">
<ul class=\"image-swatch\">
{% for variant in product.variants|slice(0,4) %}
<li class=\"v-swatch\">
<a href=\"{{path('app_product_page',{'pid': variant.product.id ,'vid': variant.id,'gender': \"mens\"})}}\">
<img
onmouseleave=\"category.oldImg('{{variant.product.id}}',this)\"
onmouseenter=\"category.swatchImg('{{variant.product.id}}',this)\"
src=\"{{ variant.mainImage }}\"
alt=\"\"
class=\"img-fluid blur-up lazyload\"
>
</a>
</li>
{% endfor %}
{% if product.variants|length > 4 %}
{% set more = product.variants|length - 4 %}
<li class=\"v-swatch v-swatch-more\">
<a class=\"text-dark\" href=\"{{ path('app_product_page',{'pid': product.id ,'vid': product.firstVariantId(),'gender': \"mens\" }) }}\">
+ {{ more }}
</a>
</li>
{% endif %}
</ul>
</div>
</div>
<div class=\"product-detail\">
<div>
{# <div class=\"rating\"><i class=\"fa fa-star\"></i> <i
class=\"fa fa-star\"></i> <i
class=\"fa fa-star\"></i> <i
class=\"fa fa-star\"></i> <i
class=\"fa fa-star\"></i></div> #}
<a href=\"product-page(no-sidebar).html\">
<h6>{{ product.name }}</h6>
</a>
<p>{{ product.description }}</p>
<h4>{{ product.firstVariantPrice() }} EUR</h4>
{# <ul class=\"color-variant\">
{% for variant in product.variants %}
<li class=\"bg-light0\">{{ variant.color}}</li>
{% endfor %}
{# <li class=\"bg-light1\"></li>
<li class=\"bg-light2\"></li> #}
{# </ul> #}
</div>
</div>
</div>
</div>
{% endfor %}
{% else %}
<!-- section start -->
<section class=\"p-0\">
<div class=\"container\">
<div class=\"row\">
<div class=\"col-sm-12\">
<div class=\"error-section\">
{# <h1>404</h1> #}
<h2>{{ 'NO PRODUCTS FOUND IN THIS COLLECTION' | trans({},'templates') }}</h2>
<a href=\"/mens\" class=\"btn btn-solid\">{{ 'back to home' | trans({},'templates') }}</a>
</div>
</div>
</div>
</div>
</section>
<!-- Section ends -->
{% endif %}
{% if products %}
<div class=\"knp-pagination\">
{{ knp_pagination_render(products,'pagination.twig') }}
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- section End -->
<!-- Quick-view modal popup start-->
<div class=\"modal fade bd-example-modal-lg theme-modal\" id=\"quick-view\" tabindex=\"-1\" role=\"dialog\"
aria-hidden=\"true\">
<div class=\"modal-dialog modal-lg modal-dialog-centered\" role=\"document\">
<div class=\"modal-content quick-view-modal\">
<div class=\"modal-body\">
<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"><span
aria-hidden=\"true\">×</span></button>
<div class=\"row\">
<div class=\"col-lg-6 col-xs-12\">
<div class=\"quick-view-img\"><img src=\"{{ asset('assets/images/pro3/1.jpg') }}\" alt=\"\"
class=\"img-fluid blur-up lazyload\"></div>
</div>
<div class=\"col-lg-6 rtl-text\">
<div class=\"product-right\">
<h2>Women Pink Shirt</h2>
<h3>\$32.96</h3>
<ul class=\"color-variant\">
<li class=\"bg-light0\"></li>
<li class=\"bg-light1\"></li>
<li class=\"bg-light2\"></li>
</ul>
<div class=\"border-product\">
<h6 class=\"product-title\">product details</h6>
<p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium</p>
</div>
<div class=\"product-description border-product\">
<div class=\"size-box\">
<ul>
<li class=\"active\"><a href=\"javascript:void(0)\">s</a></li>
<li><a href=\"javascript:void(0)\">m</a></li>
<li><a href=\"javascript:void(0)\">l</a></li>
<li><a href=\"javascript:void(0)\">xl</a></li>
</ul>
</div>
<h6 class=\"product-title\">quantity</h6>
<div class=\"qty-box\">
<div class=\"input-group\"><span class=\"input-group-prepend\"><button type=\"button\"
class=\"btn quantity-left-minus\" data-type=\"minus\" data-field=\"\"><i
class=\"ti-angle-left\"></i></button> </span>
<input type=\"text\" name=\"quantity\" class=\"form-control input-number\"
value=\"1\"> <span class=\"input-group-prepend\"><button type=\"button\"
class=\"btn quantity-right-plus\" data-type=\"plus\" data-field=\"\"><i
class=\"ti-angle-right\"></i></button></span>
</div>
</div>
</div>
<div class=\"product-buttons\"><a href=\"#\" class=\"btn btn-solid\">add to cart</a> <a
href=\"#\" class=\"btn btn-solid\">view detail</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Quick-view modal popup end-->
<!-- tap to top start -->
<div class=\"tap-top\">
<div><i class=\"fa fa-angle-double-up\"></i></div>
</div>
<!-- tap to top end -->
{% endblock %}
{% block js %}
<!-- latest jquery-->
<script src=\"{{ asset('assets/js/jquery-3.3.1.min.js') }}\"></script>
<!-- menu js-->
<script src=\"{{ asset('assets/js/menu.js') }}\"></script>
<!-- lazyload js-->
<script src=\"{{ asset('assets/js/lazysizes.min.js') }}\"></script>
<!-- price range js -->
<script src=\"{{ asset('assets/js/price-range.js') }}\"></script>
<!-- slick js-->
<script src=\"{{ asset('assets/js/slick.js')}}\"></script>
<!-- Bootstrap js-->
<script src=\"{{ asset('assets/js/bootstrap.bundle.min.js') }}\"></script>
<!-- Bootstrap Notification js-->
<script src=\"{{ asset('assets/js/bootstrap-notify.min.js') }}\"></script>
<!-- Theme js-->
<script src=\"{{ asset('assets/js/theme-setting.js') }}\"></script>
<script src=\"{{ asset('assets/js/script.js') }}\"></script>
<script>
function openSearch() {
document.getElementById(\"search-overlay\").style.display = \"block\";
}
function closeSearch() {
document.getElementById(\"search-overlay\").style.display = \"none\";
}
</script>
<script src=\"{{ asset('assets/js/modules.js') }}\"></script>
{% endblock %}
", "mens/collection/collection_page.twig", "/app/templates/mens/collection/collection_page.twig");
}
}