templates/block/speccatmenu.html.twig line 1

Open in your IDE?
  1. {% set supurl = '' %}
  2. {% if spec != '' %}
  3. {% set supurl = spec ~ '/' %}
  4. {% endif %}
  5. {% if speccatmenu_search %}
  6. {% set search = '?q=' ~ speccatmenu_search %}
  7. {% else %}
  8. {% set search = '' %}
  9. {% endif %}
  10. {% set menu = speccatmenu_menu %}
  11. {% set spec = speccatmenu_spec ?: 'default' %}
  12. {% set catpages = speccatmenu_catpages %}
  13. {% set parent_id = speccatmenu_parent_id %}
  14. {% set cat_id = speccatmenu_cat_id %}
  16. <ul class="desktop-menu">
  17.     {% for cat in menu[0] %}
  18.     {% if cat.prods or spec == 'default' or spec == '' %}
  19.     <li class="cat-active">
  20.         {% if spec == 'new' or spec == 'pop' or spec == 'action' or spec == 'mix' or spec == 'onsale' or spec == 'search' or spec == 'selection1' or spec == 'selection2' %}
  21.         <a href="{{ path('prod_list_cat_spec', {'cat_id': cat.id, 'cat_intname': cat.intname, 'spec': spec}) ~ search }}" class="leftcatmenuli">{{ cat.name |raw }} ({{ cat.prods }})</a>
  22.         {% else %}
  23.         <a href="{{ path('prod_list_cat', {'cat_id': cat.id, 'cat_intname': cat.intname}) ~ search }}" class="leftcatmenuli">{{ cat.name |raw }}</a>
  24.         {% endif %}
  25.         {% if menu[cat.id]|length %}
  26.         <ul class="jsddm jsddm-speccatmenu">
  27.             {% for subcat in menu[cat.id] %}
  28.             {% if subcat.prods or spec == 'default' or spec == '' %}
  29.             <li class="{% if menu[subcat.id]|length %}haschildren{% endif %}{% if subcat.id == cat_id or subcat.id == parent_id %} hover{% endif %}{% if subcat.newlabel %} newcat{% endif %}">
  30.                 {% if menu[subcat.id]|length %}
  31.                 <div class="sc4">
  32.                     <ul>
  33.                         {% set p = 0 %}
  34.                         {% for subsubcat in menu[subcat.id] %}
  35.                         {% if subsubcat.prods or spec == 'default' or spec == '' %}
  36.                         <li class="sc2{% if subsubcat.newlabel %} newsubcat{% endif %}" {% if p % 3==0 %} style="clear: both;" {% endif %}{% set p=p + 1 %}>
  37.                             {% if spec == 'default' or spec == '' %}
  38.                             <div class="pa w100">
  39.                                 <div class="pa sc4border"></div>
  40.                             </div>
  41.                             {% endif %}
  42.                             {% if spec == 'new' or spec == 'pop' or spec == 'action' or spec == 'mix' or spec == 'onsale' or spec == 'search' or spec == 'selection1' or spec == 'selection2' %}
  43.                             <a href="{{ path('prod_list_cat_spec', {'cat_id': subsubcat.id, 'cat_intname': subsubcat.intname, 'spec': spec}) ~ search }}" class="{% if subsubcat.id == cat_id or subsubcat.id == parent_id %}sub-active {% endif %}leftcatmenuli">
  44.                                 {% if subsubcat.newlabel %}
  45.                                 <div class="pa cat-newlabel"><img src="{{ asset('new.png', 'img') }}" alt=""></div>
  46.                                 {% endif %}
  47.                                 {{ subsubcat.name | raw }} ({{ subsubcat.prods }})
  48.                             </a>
  49.                             {% else %}
  50.                             <a href="{{ path('prod_list_cat', {'cat_id': subsubcat.id, 'cat_intname': subsubcat.intname}) ~ search }}" class="{% if subsubcat.id == cat_id or subsubcat.id == parent_id %}sub-active {% endif %}leftcatmenuli">
  51.                                 {% if subsubcat.newlabel %}
  52.                                 <div class="pa cat-newlabel"><img src="{{ asset('new.png', 'img') }}" alt=""></div>
  53.                                 {% endif %}
  54.                                 {{ subsubcat.name | raw }}
  55.                             </a>
  57.                             {# {% if catpages[subcat.id] is defined %}
  58.                             {% for catpage in catpages[subcat.id] %}
  59.                             <a href="{{ path('prod_list_cat', {'cat_id': subsubcat.id, 'cat_intname': subsubcat.intname}) ~ search }}" class="{% if subsubcat.id == cat_id or subsubcat.id == parent_id %}sub-active {% endif %}leftcatmenuli">
  60.                                 -- {{ catpage.name | raw }}
  61.                             </a>
  62.                             {% endfor %}
  63.                             {% endif %} #}
  64.                             {% endif %}
  65.                         </li>
  66.                         {% endif %}
  67.                         {% endfor %}
  68.                         <li class="noback" style="clear: both;"></li>
  69.                     </ul>
  70.                 </div>
  71.                 {% endif %}
  72.                 {% if spec == 'new' or spec == 'pop' or spec == 'action' or spec == 'mix' or spec == 'onsale' or spec == 'search' or spec == 'selection1' or spec == 'selection2' %}
  73.                 <a href="{{ path('prod_list_cat_spec', {'cat_id': subcat.id, 'cat_intname': subcat.intname, 'spec': spec}) ~ search }}" class="leftcatmenuli{% if subcat.id == cat_id or subcat.id == parent_id %} active{% endif %}">
  74.                     {{ subcat.name | raw }} ({{ subcat.prods }})
  75.                     {% if subcat.newlabel %}
  76.                     <div class="pa cat-newlabel"><img src="{{ asset('new.png', 'img') }}" alt=""></div>
  77.                     {% endif %}
  78.                 </a>
  79.                 {% else %}
  80.                 <a href="{{ path('prod_list_cat', {'cat_id': subcat.id, 'cat_intname': subcat.intname}) ~ search }}" class="leftcatmenuli{% if subcat.id == cat_id or subcat.id == parent_id %} active{% endif %}">
  81.                     {{ subcat.name | raw }}
  82.                     {% if subcat.newlabel %}
  83.                     <div class="pa cat-newlabel"><img src="{{ asset('new.png', 'img') }}" alt=""></div>
  84.                     {% endif %}
  85.                 </a>
  86.                 {% endif %}
  87.             </li>
  88.             {% endif %}
  89.             {% endfor %}
  90.         </ul>
  91.         {% endif %}
  92.     </li>
  93.     {% endif %}
  94.     {% endfor %}
  95. </ul>
  97. <style>
  99. </style>
  100. {#
  101. <script>
  102.     console.log('###');
  103.     
  104.     document.addEventListener('DOMContentLoaded', function () {
  105.         if (document.body.clientWidth >= 975) {
  106.             var timeout = 500;
  107.             var closetimer = 0;
  108.             var ddmenuitem = 0;
  110.             function jsddm_canceltimer2() {
  111.                 if (closetimer) {
  112.                     window.clearTimeout(closetimer);
  113.                     closetimer = null;
  114.                 }
  115.             }
  117.             function jsddm_close2() {
  118.                 if (ddmenuitem) ddmenuitem.style.display = 'none';
  119.             }
  121.             function jsddm_timer2() {
  122.                 closetimer = window.setTimeout(jsddm_close2, timeout);
  123.             }
  125.             function jsddm_open2() {
  126.                 jsddm_canceltimer2();
  127.                 jsddm_close2();
  128.                 ddmenuitem = this.querySelector('ul').style.display = 'block';
  129.             }
  131.             const menuItems = document.querySelectorAll('.jsddm-speccatmenu > li');
  132.             menuItems.forEach(item => {
  133.                 item.addEventListener('mouseover', jsddm_open2);
  134.                 item.addEventListener('mouseout', jsddm_timer2);
  135.             });
  136.         } else {
  138.         }
  139.     });
  140. </script>#}