templates/bundles/SyliusShopBundle/Product/Index/_main.html.twig line 1

Open in your IDE?
  1. {% import '@SyliusUi/Macro/messages.html.twig' as messages %}
  2. {% import '@SyliusUi/Macro/pagination.html.twig' as pagination %}
  4. {{ sylius_template_event('sylius.shop.product.index.search.without_input', _context) }}
  6. <div class="filtre-responsive-div">
  7.    <div class="filtre-responsive">
  8.        <svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg">
  9.            <path fill-rule="evenodd" clip-rule="evenodd" d="M10.354 3.74997H1C0.801088 3.74997 0.610322 3.67096 0.46967 3.5303C0.329018 3.38965 0.25 3.19889 0.25 2.99997C0.25 2.80106 0.329018 2.6103 0.46967 2.46964C0.610322 2.32899 0.801088 2.24997 1 2.24997H10.354C10.5174 1.67405 10.8643 1.16716 11.3419 0.806225C11.8195 0.445286 12.4018 0.25 13.0005 0.25C13.5992 0.25 14.1815 0.445286 14.6591 0.806225C15.1367 1.16716 15.4836 1.67405 15.647 2.24997H17C17.1989 2.24997 17.3897 2.32899 17.5303 2.46964C17.671 2.6103 17.75 2.80106 17.75 2.99997C17.75 3.19889 17.671 3.38965 17.5303 3.5303C17.3897 3.67096 17.1989 3.74997 17 3.74997H15.646C15.4826 4.3259 15.1357 4.83279 14.6581 5.19372C14.1805 5.55466 13.5982 5.74995 12.9995 5.74995C12.4008 5.74995 11.8185 5.55466 11.3409 5.19372C10.8633 4.83279 10.5164 4.3259 10.353 3.74997H10.354ZM11.75 2.99997C11.75 2.66845 11.8817 2.35051 12.1161 2.11609C12.3505 1.88167 12.6685 1.74997 13 1.74997C13.3315 1.74997 13.6495 1.88167 13.8839 2.11609C14.1183 2.35051 14.25 2.66845 14.25 2.99997C14.25 3.3315 14.1183 3.64944 13.8839 3.88386C13.6495 4.11828 13.3315 4.24997 13 4.24997C12.6685 4.24997 12.3505 4.11828 12.1161 3.88386C11.8817 3.64944 11.75 3.3315 11.75 2.99997ZM7.646 11.75H17C17.1989 11.75 17.3897 11.671 17.5303 11.5303C17.671 11.3897 17.75 11.1989 17.75 11C17.75 10.8011 17.671 10.6103 17.5303 10.4696C17.3897 10.329 17.1989 10.25 17 10.25H7.646C7.48227 9.67446 7.13536 9.16803 6.65787 8.80743C6.18038 8.44684 5.59835 8.25176 5 8.25176C4.40165 8.25176 3.81962 8.44684 3.34213 8.80743C2.86464 9.16803 2.51773 9.67446 2.354 10.25H1C0.801088 10.25 0.610322 10.329 0.46967 10.4696C0.329018 10.6103 0.25 10.8011 0.25 11C0.25 11.1989 0.329018 11.3897 0.46967 11.5303C0.610322 11.671 0.801088 11.75 1 11.75H2.354C2.51773 12.3255 2.86464 12.8319 3.34213 13.1925C3.81962 13.5531 4.40165 13.7482 5 13.7482C5.59835 13.7482 6.18038 13.5531 6.65787 13.1925C7.13536 12.8319 7.48227 12.3255 7.646 11.75ZM3.75 11C3.75 10.6685 3.8817 10.3505 4.11612 10.1161C4.35054 9.88167 4.66848 9.74998 5 9.74998C5.33152 9.74998 5.64946 9.88167 5.88388 10.1161C6.1183 10.3505 6.25 10.6685 6.25 11C6.25 11.3315 6.1183 11.6494 5.88388 11.8839C5.64946 12.1183 5.33152 12.25 5 12.25C4.66848 12.25 4.35054 12.1183 4.11612 11.8839C3.8817 11.6494 3.75 11.3315 3.75 11Z" fill="black"/>
  10.        </svg>
  11.        Filtres
  12.    </div>
  13. </div>
  14. <script>
  15.   var burgerIcon = document.querySelector('.filtre-responsive');
  16.   var CloseIcon = document.querySelector('#close-icon-filter');
  17.   var mobileMenu = document.querySelector('#filtre-container');
  19.   console.log(mobileMenu)
  20.   burgerIcon.addEventListener('click', function() {
  21.     mobileMenu.id = 'filtre-container-visible';
  22.   });
  23.   CloseIcon.addEventListener('click', function() {
  24.     mobileMenu.id = 'filtre-container';
  25.   });
  26. </script>
  27. <div class="ui clearing hidden divider"></div>
  28. {{ sylius_template_event('sylius.shop.product.index.before_list', {'products': resources.data}) }}
  29. {% if product_filter|length > 0 %}
  30.     <div class="ui three cards" id="products" {{ sylius_test_html_attribute('products') }}>
  31.         {% for product in product_filter %}
  32.             {% include '@SyliusShop/Product/_box.html.twig' %}
  33.             {{ dump(product) }}
  34.         {% endfor %}
  35.     </div>
  36. {% elseif product_filter is null %}
  37.     <div class="ui three cards" id="products-container" {{ sylius_test_html_attribute('products') }}>
  38.         {% for product in resources.data %}
  39.             {% if nombreJours is defined %}
  40.                 {% for id, jours in nombreJours %}
  41.                     {% if id == product.id %}
  42.                         {% include '@SyliusShop/Product/_box.html.twig' with {'journee' : jours} %}
  43.                     {% endif %}
  44.                 {% endfor %}
  45.             {% endif %}
  46.         {% endfor %}
  47.     </div>
  48.     {% if resources.data|length < 1 %}
  49.         {{ messages.info('sylius.ui.no_results_to_display') }}
  50.     {% endif %}
  51.     <div class="ui hidden divider"></div>
  53.     {{ sylius_template_event('sylius.shop.product.index.before_pagination', {'products': resources.data}) }}
  55.     {{ pagination.simple(resources.data) }}
  57. {% else %}
  58.     {{ messages.info('sylius.ui.no_results_to_display') }}
  59. {% endif %}