templates/AtechNetCoreBundle/Product/category.html.twig line 1

Open in your IDE?
  1. {% extends 'AtechNetCoreBundle/base.html.twig' %}
  2. {% import 'AtechNetCoreBundle/macros.html.twig' as macros %}
  3. {% import 'AtechNetCoreBundle/input-macros.html.twig' as inputMacros %}
  5. {# block headScript %}
  6.     {% if app.environment == 'prod' %}
  7.         <!-- Google Optimize -->
  8.         <script src="https://www.googleoptimize.com/optimize.js?id=OPT-56ZWLQ2"></script>
  9.     {% endif %}
  10. {% endblock #}
  12. {% block content %}
  13.     {%- import _self as self -%}
  14.     {% set defaultLocale = app.request.session.get('defaultLocale') %}
  16.     <div id="page-spinner">
  17.         <div class="page-spinner-background"></div>
  18.         <div class="spinner-border" role="status"></div>
  19.     </div>
  21.     <div class="main-content{% if isBlackFriday %} black-friday-main-content{% endif %}">
  22.         <div class="container">
  23.             <ul class="breadcrumb{% if isBlackFriday %} black-friday-breadcrumb{% endif %}">
  24.                 {% for breadcrumb in breadcrumbs %}
  25.                     <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
  26.                 {% endfor %}
  27.             </ul>
  29.             <div class="row">
  30.                 <div class="col-md-3 left-filter{% if isBlackFriday %} black-friday-filter{% endif %}">
  31.                     {% if filters %}
  32.                         <div id="filter-desktop">
  33.                         </div>
  34.                         <div id="accordion" class="filter-accordion filter-button">
  35.                             <button class="btn btn-filter" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
  36.                                 <span>{{ 'Filter' | trans }}</span><i class="fas fa-sliders-h"></i>
  37.                             </button>
  38.                             <div id="collapseOne" class="collapse dont-collapse-sm px-2" aria-labelledby="headingOne" data-parent="#accordion">
  39.                                 <div class="filter">
  40.                                     {% if filters.priceMin >= 0 and filters.priceMax >= 0 %}
  41.                                         <a class="collapse-header" href="#priceFilter" data-collapse-content-id="priceFilter">
  42.                                             <span>{{ 'Price filter' | trans }}</span><i class="far fa-angle-down"></i>
  43.                                         </a>
  44.                                         <div class="collapse-content {% if isBlackFriday %} black-friday-price-filter {% endif %}" style="margin-bottom: 12px;" id="priceFilter">
  45.                                             <div id="range" class="mt-5 mx-3 align-items-center"></div>
  46.                                             <div class="row flex-nowrap">
  47.                                                 <div class="col-4">
  48.                                                     <input type="text" min="{{ filters.priceMin }}" max="{{ filters.priceMax }}"
  49.                                                            step="1"
  50.                                                            id="input-price-min"
  51.                                                            class="select-bg{{ filterPriceMin or filterPriceMax ? ' filtered' : '' }} {% if isBlackFriday %} black-friday-price-filter {% endif %}"
  52.                                                            aria-label="{{ 'Minimum price'|trans }}"
  53.                                                     >
  54.                                                 </div>
  55.                                                 <div class="col-1 filter-line text-center"> - </div>
  56.                                                 <div class="col-4">
  57.                                                     <input type="text" min="{{ filters.priceMin }}" max="{{ filters.priceMax }}"
  58.                                                            step="1"
  59.                                                            id="input-price-max"
  60.                                                            class="select-bg{{ filterPriceMin or filterPriceMax ? ' filtered' : '' }} {% if isBlackFriday %} black-friday-price-filter {% endif %}"
  61.                                                            aria-label="{{ 'Maximum price'|trans }}"
  62.                                                     >
  63.                                                 </div>
  64.                                                 <div class="col-3 filter-line-currency text-start">
  65.                                                     {{ currency }}
  66.                                                 </div>
  67.                                             </div>
  68.                                         </div>
  69.                                     {% endif %}
  71.                                     <div class="collapse collapse-content show" id="otherFilter">
  72.                                         {% if categoryId not in [659, 669, 674, 675] %}
  73.                                             <div class="filter-row checkbox-line">
  74.                                                 <label for="discounted">
  75.                                                     <input type="checkbox" value="1" name="discounted" id="discounted"{{ (( filterDiscounted ) ? ' checked' : '' ) }}>
  76.                                                     <span{% if showOnlyDiscounted is defined and showOnlyDiscounted == 1 %} onclick="return false;"{% endif %} class="checkmark"></span>
  77.                                                     <span class="option-title">{{ 'Show products on sale' | trans }}</span>
  78.                                                 </label>
  79.                                             </div>
  80.                                         {% endif %}
  81.                                         <div class="filter-row checkbox-line">
  82.                                             <label for="lastPiece">
  83.                                                 <input type="checkbox" value="1" name="lastPiece" id="lastPiece"{{ (( filterLastPieces ) ? ' checked' : '' ) }}>
  84.                                                 <span class="checkmark"></span>
  85.                                                 <span class="option-title">{{ 'Show last piece products' | trans }}</span>
  86.                                             </label>
  87.                                         </div>
  88.                                     </div>
  89.                                     {% for filterList in filters.list.main %}
  90.                                         {% if filterList.filters|length > 0 %}
  91.                                             {% if filterList.inputName == "vendor" and filters.notebookShow %}
  92.                                                 {{- inputMacros.filterGroupVendor(filterList) -}}
  93.                                             {% elseif filterList.collapseTitle in ["Screen size", "RAM size", "SSD"] %}
  94.                                                 {{- inputMacros.filterGroupSmallerBetweenBigger(filterList) -}}
  95.                                             {% else %}
  96.                                                 {{- inputMacros.filterGroup(filterList) -}}
  97.                                             {% endif %}
  98.                                         {% elseif filterList.inputName == 'CPU mark' %}
  99.                                             <a class="collapse-header {{ filterList.isCollapsed ? 'collapsed' : '' }}" href="#cpuMark" data-collapse-content-id="cpuMark">
  100.                                                 <span>{{ 'CPU mark' | trans }}</span><i class="far fa-angle-down"></i>
  101.                                             </a>
  102.                                             <div class="collapse-content" style="margin-bottom: 12px; {{ filterList.isCollapsed ? 'display: none;' : '' }}" id="cpuMark">
  103.                                                 <div id="power" class="mt-5 mx-5 mx-lg-3 align-items-center"></div>
  104.                                                 <input type="hidden" id="cpuMarkInputLower" value="{{ filters.cpuMarkMin }}">
  105.                                                 <input type="hidden" id="cpuMarkInputUpper" value="{{ filters.cpuMarkMax }}">
  106.                                             </div>
  107.                                             {% if filterList.extraInfo %}
  108.                                                 {{ (filterList.extraInfo.transKey|trans({ 'url': filterList.extraInfo.url }))|raw }}
  109.                                             {% endif %}
  110.                                         {% elseif filterList.extraInfo is defined and  filterList.extraInfo|length > 0 %}
  111.                                             {{- inputMacros.filterGroupWithoutOptionWithExtraInfo(filterList) -}}
  112.                                         {% endif %}
  113.                                     {% endfor %}
  115.                                     {% if filters.qualityStatuses is defined %}
  116.                                         {{- inputMacros.filterGroup(filters.qualityStatuses, filterQuality, 'qualityFilter', 'quality', 'Quality grading'|trans) -}}
  117.                                     {% endif %}
  119.                                     <div class="row filter-button-lines">
  120.                                         <div class="col-12">
  121.                                             <button id="button-reset" class="btn-reset-filter mt-4 mt-dm-0" {% if isBlackFriday %}style="color:orange;"{% endif %} data-current-url="{{ app.request.pathinfo }}">{{ 'Reset filters' | trans }}</button>
  122.                                         </div>
  123.                                     </div>
  124.                                 </div>
  125.                             </div>
  126.                         </div>
  127.                     {% endif %}
  129.                     {% if defaultLocale in ['sk'] and customerTypeId != 2 %}
  130.                         <div class="text-center pt-3 pb-4 hide-on-sm product-category-heureka-widget-holder">
  131.                             <div id="showHeurekaBadgeHere-12"></div>
  132.                             <script type="text/javascript">
  133.                                 //<![CDATA[
  134.                                 var _hwq = _hwq || [];
  135.                                 _hwq.push(['setKey', '{{ heurekaSak }}']);
  136.                                 _hwq.push(['showWidget', '12', '6655', 'Furbify.{{ defaultLocale }}', 'Furbify-{{ defaultLocale }}']);
  137.                                 (function () {
  138.                                     var ho = document.createElement('script');
  139.                                     ho.type = 'text/javascript';
  140.                                     ho.async = true;
  141.                                     ho.src = 'https://' + '{{ defaultLocale }}' + '.im9.cz/direct/i/gjs.php?n=wdgt&sak=' + '{{ heurekaSak }}';
  142.                                     var s = document.getElementsByTagName('script')[0];
  143.                                     s.parentNode.insertBefore(ho, s);
  144.                                 })();
  145.                                 //]]>
  146.                             </script>
  147.                         </div>
  148.                         {# HEUREKA REVIEW #}
  149.                         {#<div class="heureka-text-reviews hide-on-sm mb-3">
  150.                             {% set verifiedCustomerTrans = 'Verified customer' | trans %}
  151.                             {% for review in heureka_reviews if heureka_reviews|length > 0 %}
  153.                                 <div class="heureka-text-review p-3">
  154.                                     <p class="heureka-text-review-customer">{{ verifiedCustomerTrans }}</p>
  155.                                     <p class="heureka-text-review-text">{{ review.text }}</p>
  156.                                     <p class="heureka-text-review-date mb-2"><small>{{ review.date }}</small></p>
  158.                                     {% for i in 1..review.rating %}
  159.                                         <i class="fas fa-star"></i>
  160.                                     {% endfor %}
  161.                                 </div>
  162.                             {% endfor %}
  163.                         </div>#}
  164.                     {% endif %}
  166.                     {{ macros.getLeftSideHelpBox(webshop_phone_number, salesManager, isBlackFriday) }}
  167.                 </div>
  169.                 <div class="col-md-9 ps-lg-4 category-list">
  170.                     <h1 class="category-title">{{ title }}</h1>
  172.                     {% set collapseDesc = false %}
  174.                     {% if description|raw|striptags|length > 228 %}
  175.                         {% set collapseDesc = true %}
  176.                     {% endif %}
  178.                     <div class="cat-desc{% if collapseDesc == true %} collapse{% endif %}" {% if collapseDesc == true %}id="collapseSummary"{% endif %} >
  179.                         {{- description|raw -}}
  180.                     </div>
  181.                     {% if collapseDesc == true %}
  182.                         <a id="cat-desc-collapse" href="#collapseSummary" role="button" aria-expanded="false" aria-controls="collapseSummary" class="collapsed" data-bs-toggle="collapse" data-bs-target="#collapseSummary" data-txt-read-more="{{ 'Read more' | trans }}" data-txt-read-less="{{ 'Read less' | trans }}">{{ 'Read more' | trans }}...</a>
  183.                     {% endif %}
  185.                     {% if header_categories %}
  186.                         <div class="category-header-links mb-4 {% if isBlackFriday %} black-friday-links {% endif %}">
  187.                             {% for hc in header_categories %}
  188.                                 <div class="link-item">
  189.                                     <a href="{{ hc.href }}" class="{% if hc.active %}active{% endif %}">
  190.                                         {% if hc.icon is defined %}
  191.                                             <img decoding="async" src="{{ asset('theme/images/icon/' ~ hc.icon) }}" alt="{{ hc.title }}" width="40" height="38"{% if hc.withPadding is defined %} class="p0303"{% endif %}>
  192.                                         {% endif %}
  193.                                         <span>{{ hc.title }}</span>
  194.                                         <div class="arrow-right"></div>
  195.                                     </a>
  196.                                 </div>
  197.                             {% endfor %}
  198.                         </div>
  199.                     {% endif %}
  201.                     {% if header_productTypes is defined and header_productTypes %}
  202.                         <div class="category-header-links mb-4 {% if isBlackFriday %} black-friday-links {% endif %}">
  203.                             {% for key, hpt in header_productTypes %}
  204.                                 <div class="link-item">
  205.                                     <a id="sale-product-type-{{ key }}" href="{{ hpt.href }}" class="{% if hpt.active %}active{% endif %}" data-filter-product-type="{{ key }}" data-pill-label="{{ hpt.title }}">
  206.                                         {% if hpt.icon is defined %}
  207.                                             <img decoding="async" src="{{ asset(hpt.icon) }}" alt="{{ hpt.title }}" width="40" height="38"{% if hpt.withPadding is defined %} class="p0303"{% endif %}>
  208.                                         {% endif %}
  209.                                         <span>{{ hpt.title }}</span>
  210.                                         <div class="arrow-right"></div>
  211.                                     </a>
  212.                                 </div>
  213.                             {% endfor %}
  214.                         </div>
  215.                     {% endif %}
  217.                     {% if popularItems %}
  218.                         <div class="popular-products">
  219.                             <h3 class="mb-2">{{ 'Popular items' | trans }}:</h3>
  221.                             <div class="popular-list m-0">
  222.                                 {% for popularItem in popularItems %}
  223.                                     {% set popularItemClickGtagEvent = "pushSelectItemToGtagDataLayer('" ~ popularItem.id ~ "','" ~ popularItem.title ~ "','" ~ currency ~ "'," ~ popularItem.price ~ "," ~ popularItem.special ~ ",'category-page-popular-products')" %}
  224.                                     <div class="popular-item d-md-block w-100">
  225.                                         <div class="row flex-md-nowrap">
  226.                                             <div class="col-md-auto popular-item-pic">
  227.                                                 <a href="{{ popularItem.href }}" onclick="{{ popularItemClickGtagEvent }}">
  228.                                                     <img decoding="async" src="{{ popularItem.image }}" alt="{{ popularItem.vendor ~ ' ' ~ popularItem.title }}" width="100" height="76" />
  229.                                                 </a>
  230.                                                 <span class="discount-icon">
  231.                                                     <div>%</div>
  232.                                                 </span>
  233.                                             </div>
  235.                                             <div class="flex-fill ps-md-3">
  236.                                                 <a href="{{ popularItem.href }}" class="product-list-name" onclick="{{ popularItemClickGtagEvent }}">{{ popularItem.vendor ~ ' ' ~ popularItem.title }}</a>
  237.                                                 <p>
  238.                                                     {{- popularItem.description -}}
  239.                                                 </p>
  240.                                                 {%- if popularItem.quantity > 10 -%}
  241.                                                     <span class="text-success">{{ '10+ in stock' | trans }}</span>
  242.                                                 {%- elseif popularItem.quantity >= 5 -%}
  243.                                                     <span class="text-success">{{ '5-10 in stock' | trans }}</span>
  244.                                                 {%- elseif popularItem.quantity > 1 -%}
  245.                                                     <span class="text-success">{{ '2-4 in stock'|trans }}</span>
  246.                                                 {%- elseif popularItem.quantity == 1 -%}
  247.                                                     <span class="text-danger">{{ 'Only one left'|trans }}</span>
  248.                                                 {%- else -%}
  249.                                                     <span class="text-grey">{{ 'Out of stock'|trans }}</span>
  250.                                                 {%- endif -%}
  251.                                             </div>
  252.                                             <div class="col-md-2">
  253.                                                 <div class="price-box">
  254.                                                     {% if popularItem.special %}
  255.                                                         <span class="special-price">{{ popularItem.special | price(currency, precision) }}</span>
  256.                                                         <span class="old-price">{{ popularItem.price | price(currency, precision) }}</span>
  257.                                                     {% else %}
  258.                                                         {{ popularItem.price | price(currency, precision) }}
  259.                                                     {% endif %}
  260.                                                 </div>
  261.                                             </div>
  262.                                         </div>
  263.                                     </div>
  264.                                 {% endfor %}
  265.                             </div>
  267.                             {% if app.environment == 'prod' %}
  268.                                 <script>
  269.                                     window.dataLayer.push({ ecommerce: null });
  270.                                     window.dataLayer.push({
  271.                                         event: "view_item_list",
  272.                                         ecommerce: {
  273.                                             item_list_id: "category-page-popular-products",
  274.                                             item_list_name: "category-page-popular-products",
  275.                                             items: [
  276.                                             {% for popularItem in popularItems %}{% if loop.index > 1 %},{% endif %}{
  277.                                                     item_id: "{{ popularItem.id }}",
  278.                                                     item_name: "{{ popularItem.title }}",
  279.                                                     discount: {{ popularItem.special }},
  280.                                                     index: {{ loop.index }},
  281.                                                     item_brand: "{{ popularItem.vendor }}",
  282.                                                     price: {{ popularItem.price }},
  283.                                                     quantity: 1
  284.                                                 }
  285.                                             {% endfor %}
  286.                                             ]
  287.                                         }
  288.                                     });
  289.                                 </script>
  290.                             {% endif %}
  291.                         </div>
  292.                     {% endif %}
  294.                     <div id="filter-mobile"{% if isBlackFriday %} class="black-friday-filter"{% endif %}></div>
  296.                     <div class="sort-and-limit-settings mt-1 p-2 rounded-2 {% if isBlackFriday %} black-friday-sort-limit {% endif %}">
  297.                         <div class="row">
  298.                             <div class="col-8 col-sm-4 sort-select">
  299.                                 <select name="sort" onChange="setFilterOptions()" class="select-bg" aria-label="{{ 'Sort by'|trans }}" data-default-sort="{{ defaultSort }}" data-default-order="{{ defaultOrder }}">
  300.                                     {% for sortOrderItem in sortOrders %}
  301.                                         {% if sortOrderItem.value == '%s-%s'|format(sort, order) %}
  302.                                             <option data-sort="{{ sortOrderItem.sort }}" data-order="{{ sortOrderItem.order }}" value="{{ sortOrderItem.value }}" selected>{{ sortOrderItem.text }}</option>
  303.                                         {% else %}
  304.                                             <option data-sort="{{ sortOrderItem.sort }}" data-order="{{ sortOrderItem.order }}" value="{{ sortOrderItem.value }}">{{ sortOrderItem.text }}</option>
  305.                                         {% endif %}
  306.                                     {% endfor %}
  307.                                 </select>
  308.                             </div>
  309.                             <div class="col-4 col-sm-2 ps-0">
  310.                                 <select name="limit" onchange="setFilterOptions()" class="select-bg" aria-label="{{ 'Limit'|trans }}" data-default="{{ defaultLimit }}">
  311.                                     {% for limitItem in limits %}
  312.                                         {% if limitItem == limit %}
  313.                                             <option value="{{ limitItem }}" selected>{{ limitItem }}</option>
  314.                                         {% else %}
  315.                                             <option value="{{ limitItem }}">{{ limitItem }}</option>
  316.                                         {% endif %}
  317.                                     {% endfor %}
  318.                                 </select>
  319.                             </div>
  320.                             <div class="d-none col-12 col-sm-6 d-md-flex align-items-center justify-content-end" id="pagination-info">
  321.                                 <small><span id="limit">{{ pagination.total < limit ? pagination.total : limit }}</span> / <span id="total">{{  pagination.total }}</span> {{ 'Pagination info product text' | trans | lower }}</small>
  322.                             </div>
  323.                         </div>
  324.                     </div>
  326.                     <div class="filter-pills hidden">
  327.                         <div class="list w-100 {% if isBlackFriday %} black-friday-list {% endif %}"></div>
  328.                     </div>
  330.                     <div class="product-list {% if isBlackFriday %} black-friday-product-list {% endif %}">
  331.                         <div class="row preload ">
  332.                             {% for i in 1..limit %}
  333.                                 <div class="col-6 col-lg-4 d-inline-block px-2 px-sm-3 py-3 py-sm-3">
  334.                                     <div class="preload-item">
  335.                                         <div class="image"></div>
  336.                                         <div class="title1"></div>
  337.                                         <div class="title2"></div>
  338.                                         <div class="description"></div>
  339.                                         <div class="prices"></div>
  340.                                         <div class="button"></div>
  341.                                     </div>
  342.                                 </div>
  343.                             {% endfor %}
  344.                         </div>
  345.                     </div>
  346.                 </div>
  347.             </div>
  349.             {%- if extraSeoDesc -%}
  350.                 {%- set seoDescArray = extraSeoDesc|split("</p>", 2) -%}
  352.                 <div class="category-description">
  353.                     <div>{{- seoDescArray[0]|replace({'&nbsp;': ' '})|raw -}}</div>
  355.                     <div class="collapse" id="category-extra-description">
  356.                         <div>
  357.                             {{- seoDescArray[1]|replace({'&nbsp;': ' '})|raw -}}
  358.                         </div>
  359.                     </div>
  361.                     <a
  362.                         id="category-extra-description-toggle"
  363.                         href="#category-extra-description"
  364.                         role="button"
  365.                         aria-expanded="false"
  366.                         aria-controls="category-extra-description"
  367.                         data-bs-toggle="collapse"
  368.                         data-bs-target="#category-extra-description"
  369.                         data-txt-read-more="{{ 'Read more'|trans }}"
  370.                         data-txt-read-less="{{ 'Read less'|trans }}"
  371.                     >
  372.                         {{- 'Read more'|trans -}}
  373.                     </a>
  374.                 </div>
  375.             {% endif %}
  377.             {# if defaultLocale == 'sk' and customerTypeId != 2 %}
  378.                 <div class="text-center pt-3 pb-4 product-category-heureka-widget-holder d-sm-block d-md-none">
  379.                     <div id="showHeurekaBadgeHere-3"></div><script type="text/javascript">
  380.                         //<![CDATA[
  381.                         var _hwq = _hwq || [];
  382.                         _hwq.push(['setKey', '9DCFF7A54D9B32A964D650EC01AA5378']);_hwq.push(['showWidget', '3', '6655', 'Furbify.sk', 'furbify-sk']);(function() {
  383.                             var ho = document.createElement('script'); ho.type = 'text/javascript'; ho.async = true;
  384.                             ho.src = 'https://www.heureka.sk/direct/i/gjs.php?n=wdgt&sak=9DCFF7A54D9B32A964D650EC01AA5378';
  385.                             var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ho, s);
  386.                         })();
  387.                         //]]>
  388.                     </script>
  389.                 </div>
  390.             {% endif #}
  392.             {{ include(template_from_string(contentBottom)) }}
  393.         </div>
  394.     </div>
  395. {% endblock %}
  397. {% block title %}{{ seoTitle }} | {{ parent() }}{% endblock %}
  398. {% block bodyClass %}{% if isBazaar %}is-bazaar{% endif %}{% endblock %}
  400. {% block meta %}
  401.     {% set domainTLD = app.request.session.get('defaultLocale') %}
  403.     {% if domainTLD == 'en' %}
  404.         {% set domainTLD = 'eu' %}
  405.     {% endif %}
  407.     <meta name="description" content="{{ seoDescription }}" />
  408.     <meta property="og:url" content="{{ app.request.uri }}{{ app.request.attributes.get('_route_params') }}" />
  409.     <meta property="og:type" content="website" />
  410.     <meta property="og:locale" content="{{ app.request.locale |ogLocale }}" />
  411.     <meta property="og:title" content="{{ seoTitle }}" />
  412.     <meta property="og:description" content="{{ seoDescription }}" />
  413.     {% if socialShareImage is defined and socialShareImage is not null %}
  414.         <meta property="og:image" content="{{ socialShareImage }}" />
  415.     {% else %}
  416.         <meta property="og:image" content="https://www.furbify.{{ domainTLD }}/theme/images/furbify-share-image.png" />
  417.     {% endif %}
  418. {% endblock %}
  420. {% block header %}
  421.     {{ include(template_from_string(header)) }}
  422. {% endblock %}
  424. {% block footer %}
  425.     {{ include(template_from_string(footer)) }}
  426. {% endblock %}
  428. {% block categoryListLinks %}
  429.     {% if categoryListLinks is defined and categoryListLinks | length > 0 %}
  430.         {% for direction,categoryListLink in categoryListLinks %}
  431.             <link rel="{{ direction }}" href="{{ categoryListLink }}">
  432.         {% endfor %}
  433.     {% endif %}
  434. {% endblock %}
  436. {% block stylesheets %}
  437.     <link rel="stylesheet" href="{{ asset('theme/noUiSlider/nouislider.min.css') }}">
  438.     <link rel="stylesheet" href="{{ asset('theme/owl-carousel/assets/owl.carousel.min.css'|appendAssetCache) }}">
  439.     {{ parent() }}
  440. {% endblock %}
  442. {% block canonical %}
  443.     {% if canonical_link != '' %}<link rel="canonical" href="{{ canonical_link }}" />{% endif %}
  444. {% endblock %}
  446. {% block schema %}
  447. {{ parent() }}
  448. {% set _baseUrl = app.request.schemeAndHttpHost %}
  449. {% set _pageUrl = canonical_link != '' ? canonical_link : (app.request.schemeAndHttpHost ~ app.request.pathInfo) %}
  450. <script type="application/ld+json">
  451. {
  452.     "@context": "https://schema.org",
  453.     "@type": "CollectionPage",
  454.     "@id": "{{ _pageUrl }}#collectionpage",
  455.     "name": "{{ seoTitle|e('js') }}",
  456.     "description": "{{ seoDescription|e('js') }}",
  457.     "url": "{{ _pageUrl }}",
  458.     "isPartOf": {"@id": "{{ _baseUrl }}/#website"},
  459.     "mainEntity": {"@type": "ItemList", "@id": "{{ _pageUrl }}#itemlist"}
  460. }
  461. </script>
  462. <script type="application/ld+json">
  463. {
  464.     "@context": "https://schema.org",
  465.     "@type": "ItemList",
  466.     "@id": "{{ _pageUrl }}#itemlist",
  467.     "name": "{{ title|e('js') }}",
  468.     "description": "{{ seoDescription|e('js') }}",
  469.     "itemListOrder": "https://schema.org/ItemListOrderDescending"
  470. }
  471. </script>
  472. <script type="application/ld+json">
  473. {
  474.     "@context": "https://schema.org",
  475.     "@type": "BreadcrumbList",
  476.     "itemListElement": [
  477.         {% for breadcrumb in breadcrumbs %}
  478.         {
  479.             "@type": "ListItem",
  480.             "position": {{ loop.index }},
  481.             "name": "{{ breadcrumb.text|e('js') }}",
  482.             "item": "{{ breadcrumb.href }}"
  483.         }{% if not loop.last %},{% endif %}
  484.         {% endfor %}
  485.     ]
  486. }
  487. </script>
  488. {% endblock %}
  490. {% block robots %}
  491.     {% if parent() == '' and indexable is defined and indexable == false %}<meta name="robots" content="noindex">{% else %}{{ parent() }}{% endif %}
  492. {% endblock %}
  494. {% block javascripts %}
  495.     {{ parent() }}
  497.     <script src="{{ asset('theme/noUiSlider/wNumb.min.js') }}"></script>
  498.     <script src="{{ asset('theme/noUiSlider/nouislider.min.js') }}"></script>
  499.     <script type="text/javascript" src="{{ asset('theme/owl-carousel/owl.carousel.min.js'|appendAssetCache) }}"></script>
  501.     {% if showAdminLoginPanel %}
  502.         <script src="{{ asset('theme/js/admin-login-panel.js') }}"></script>
  503.     {% endif %}
  505.     <script type="text/javascript">
  506.         var filterObject = JSON.parse('{{ filterData | json_encode() }}'.replace(/&quot;/g,'"'));
  508.         options = {
  509.             translated: {
  510.                 'View': "{{ 'View'| trans }}",
  511.                 'Details': "{{ 'Details'| trans }}",
  512.                 'discount': "{{ 'discount'| trans }}",
  513.                 '10+ in stock': "{{ '10+ in stock'| trans }}",
  514.                 '5-10 in stock': "{{ '5-10 in stock'| trans }}",
  515.                 '2-4 in stock': "{{ '2-4 in stock'| trans }}",
  516.                 'Only one left': "{{ 'Only one left'| trans }}",
  517.                 'On order within %d working days': "{{ 'On order within %d working days'| trans }}",
  518.                 'Out of stock': "{{ 'Out of stock'| trans }}",
  519.                 'without VAT': "{{ 'without VAT'| trans }}",
  520.                 'Y year warranty': "{{ 'Y year warranty'| trans }}",
  521.                 'Fast delivery': "{{ 'Fast delivery'| trans }}",
  522.                 'Please login or signup for wholesale prices.': "{{ 'Please login or signup for wholesale prices.'| trans }}",
  523.                 'Wizard banner title': "{{ 'Wizard banner title'|trans }}",
  524.                 'Wizard banner subtitle': "{{ 'Wizard banner subtitle'|trans }}",
  525.                 'Wizard banner button': "{{ 'Wizard banner button'|trans }}",
  526.                 'Furbify zsakbamacska title': "{{ 'Furbify zsakbamacska title'|trans }}",
  527.                 'Zsakbamacska attributes': "{{ 'Zsakbamacska attributes'|trans }}",
  528.                 '1 in stock': "{{ '1 in stock'|trans }}",
  529.                 'productsNotFound': "{{ 'Currently we have no products which suit your selection, please try to select another product category.'|trans }}",
  530.                 'Next {limit}': "{{ 'Next {limit}'|trans }}",
  531.                 'Showed {from} - {to} of {total}': "{{ 'Showed {from} - {to} of {total}'|trans|raw }}",
  532.                 'review': "{{ 'product list review text'|trans }}",
  533.                 'Net price': "{{ 'Net price'|trans }}",
  534.                 'Price with VAT': "{{ 'Price with VAT'|trans }}",
  535.                 'coupon list text': "{{ 'Coupon list text'|trans|raw }}",
  536.                 'Bestseller': "{{ 'Bestseller'|trans }}",
  537.                 labels: {
  538.                     new: "{{ 'New'| trans }}",
  539.                     win7: "{{ 'win7'| trans }}",
  540.                     win81: "{{ 'win81'| trans }}",
  541.                     win10: "{{ 'win10'| trans }}",
  542.                     gamer: "{{ 'gamer'| trans }}",
  543.                     work: "{{ 'work'| trans }}",
  544.                     travel: "{{ 'travel'| trans }}",
  545.                     senior: "{{ 'senior'| trans }}",
  546.                     internet: "{{ 'internet'| trans }}",
  547.                     '24h': "{{ '24h'| trans }}",
  548.                     '7d': "{{ '7d'| trans }}",
  549.                     gold: "{{ 'gold'| trans }}",
  550.                     a: "{{ 'A'| trans }}",
  551.                     'b+': "{{ 'B+'| trans }}",
  552.                     platinum: "{{ 'platinum'| trans }}",
  553.                     discount: "{{ 'discount'| trans }}",
  554.                     bazaar: "{{ 'Bazaar'| trans }}",
  555.                     c: "{{ 'C'| trans }}",
  556.                     silver: "{{ 'silver'|trans }}",
  557.                     bronze: "{{ 'bronze'|trans }}"
  558.                 }
  559.             },
  560.             customerTypeId: '{{ customerTypeId }}',
  561.             windowsBadgeUrl: "{{ asset('theme/images/windows-badge.svg') }}",
  562.             wizardImage: "{{ asset('theme/images/icon/wizard_mascot.png') }}",
  563.             furbicatFace: "{{ asset('theme/images/furbicat-face-2.jpg') }}",
  564.             bestsellerBadge: "{{ asset('theme/images/icon/bestseller.png') }}", 
  565.             domainId: '{{ domainId }}',
  566.             basePrice: "{{ app.request.session.get('basePrice') }}",
  567.             locale: '{{ app.request.locale }}', 
  568.             defaultlocale: "{{ app.request.session.get('defaultLocale') }}", 
  569.             currency: '{{ currency }}',
  570.             precision: '{{ precision }}',
  571.             page: '{{ pagination.page }}',
  572.             showOnlyDiscounted: '{{ showOnlyDiscounted }}',
  573.             regenerateCache: "{{ regenerateCache is defined and showAdminLoginPanel ? regenerateCache|raw : '' }}",
  574.             showAdminLoginPanel: '{{ showAdminLoginPanel }}' == '1',
  575.             isWholesale: "{{ app.request.attributes.get('request').query.get('wholesale') }}" == '1',
  576.             isAdminLogin: "{{ app.request.session.get('isAdminLogin') }}",
  577.             urls: {
  578.                 customerRegistration: '{{ path("customer_registration") }}',
  579.                 customerLogin: '{{ path("customer_login") }}',
  580.                 wizardHome: '{{ path("wizard_home") }}',
  581.                 zsakbamacska: '{{ path("product_zsakbamacska_hu") }}',
  582.                 productListAjax: '{{ path("product_list_ajax") }}'
  583.             },
  584.             seoTitle: "{{ seoTitle }}",
  585.             categoryId: '{{ categoryId }}', 
  586.             environment: "{{ app.environment }}",
  587.             productItemColClass: "col-lg-4",
  588.             categoryPageId: '{{ categoryId }}',
  589.             cpuMarkTexts: {
  590.                 1: "{{ 'CPUMarkLevels.1'|trans }}",
  591.                 2: "{{ 'CPUMarkLevels.2'|trans }}",
  592.                 3: "{{ 'CPUMarkLevels.3'|trans }}",
  593.                 4: "{{ 'CPUMarkLevels.4'|trans }}",
  594.                 5: "{{ 'CPUMarkLevels.5'|trans }}",
  595.             },
  596.             easter: {
  597.                 bannerImg: "{{ asset('theme/images/furbify_egg.png') }}",
  598.                 couponSvg: "{{ asset('theme/images/icon/furbify_easter.svg') }}",
  600.             {% if "now"|date("Y-m-d") <= "2025-04-22"|date("Y-m-d") %}
  601.                 couponName: "{{ 'eastern.20.coupon_name'|trans }}",
  602.                 couponText1: "{{ 'eastern.20.text1'|trans }}",
  603.                 couponText2: "{{ 'eastern.20.text2'|trans }}",
  604.                 endDate: "2025-04-22T23:59:59"
  605.             {% else %}
  606.                 couponName: "{{ 'eastern.10.coupon_name'|trans }}",
  607.                 couponText1: "{{ 'eastern.10.text1'|trans }}",
  608.                 couponText2: "{{ 'eastern.10.text2'|trans }}",
  609.                 endDate: "2025-04-22T23:59:59"
  610.             {% endif %}
  611.             },
  612.             halloween: {
  613.                 bannerImg: "{{ asset('theme/images/szellem_2.png') }}",
  614.                 couponSvg: "{{ asset('theme/images/szellem_2.png') }}",
  616.                 couponName: "{{ 'hallowen.20.coupon_name'|trans }}",
  617.                 couponText1: "{{ 'hallowen.20.text1'|trans }}",
  618.                 couponText2: "{{ 'hallowen.20.text2'|trans }}",
  619.                 endDate: "2025-11-02T23:59:59"
  620.             },
  621.             noWebcamBadgeImg: "{{ asset('theme/images/icon/no_webcam.png') }}",
  622.             productBadgeRow: {
  623.                 os : {
  624.                     include: "{{ 'productListBadgeRow.os.include'|trans }}"
  625.                 },
  626.                 warranty: {
  627.                     month: "{{ 'productListBadgeRow.warranty.month'|trans }}",
  628.                     months: "{{ 'productListBadgeRow.warranty.months'|trans }}",
  629.                     year: "{{ 'productListBadgeRow.warranty.year'|trans }}",
  630.                     years: "{{ 'productListBadgeRow.warranty.years'|trans }}",
  631.                     label: "{{ 'productListBadgeRow.warranty.label'|trans }}"
  632.                 }
  633.             }
  634.         };
  635.     </script>
  637.     <script src="{{ asset('theme/js/printProducts.min.js')|appendAssetCache }}"></script>
  639.     <script>
  640.         setFilterOptions(true, false, false);
  641.     </script>
  643.     <script type="text/javascript">
  644.         {% if partnerLoginRedirect %}
  645.             window.location.href = '{{ partnerLoginRedirectRoute }}';
  646.         {% endif %}
  648.         {% if filters.priceMin >= 0 and filters.priceMax >= 0 and filters.priceMin != filters.priceMax %}
  649.             {% if filterPriceMin and filterPriceMax %}
  650.             let start = [ {{ filterPriceMin }}, {{ filterPriceMax }} ];
  651.             {% elseif filterPriceMin and not filterPriceMax %}
  652.             let start = [ {{ filterPriceMin }}, {{ filters.priceMax }} ];
  653.             {% elseif not filterPriceMin and filterPriceMax %}
  654.             let start = [ {{ filters.priceMin }}, {{ filterPriceMax }} ];
  655.             {% else %}
  656.             let start = [ {{ filters.priceMin }}, {{ filters.priceMax }} ];
  657.             {% endif %}
  659.             createPriceFilter(start, {{ filters.priceMin }}, {{ filters.priceMax }});
  660.         {% endif %}
  661.         
  662.         if ($('#cpuMark').length > 0) {
  663.             {% if filters.cpuMarkMin is not null and filters.cpuMarkMax is not null %}
  664.                 createCpuMarkFilter([{{ filters.cpuMarkMin }}, {{ filters.cpuMarkMax }}]);
  665.             {% else %}
  666.                 createCpuMarkFilter();
  667.             {% endif %}
  668.         }
  670.         {% if showAdminLoginPanel %}
  671.             var additionalDataForAdminLoginPanel = {
  672.                 idForPage: "{{ categoryId }}",
  673.                 module: "category",
  674.                 {% if app.environment == 'prod' %}
  675.                     domain: "https://www.atechcomp.eu/centralis/web",
  676.                     smallerPadding: true
  677.                 {% else %}
  678.                     domain: "http://centralis"
  679.                 {% endif %}
  680.             };
  682.             startAdminLoginPanel(additionalDataForAdminLoginPanel);
  683.         {% endif %}
  684.     </script>
  685. {% endblock %}