templates/front/pages/page_category/index.html.twig line 1

Open in your IDE?
  1. {% extends 'front/layouts/base.html.twig' %}
  3. {% block title %}
  4.     {{ metaTitle() ? metaTitle() :   'front.menu.references'|trans({}, 'front')  }}
  5. {% endblock %}
  7. {% block stylesheets %}
  8.     {{ parent() }}
  10. {% endblock %}
  12. {% block body %}
  13.     {% set idUrl = app.request.get('id') %}
  15.     <div class="container reveal">
  16.     {% if blocs is not null  %}
  17.         {% for bloc in blocs %}
  18.             {% include "front/bloc/index.html.twig" %}
  19.         {% endfor %}
  20.     {% endif %}
  21.         <div class="section-ref">
  22.         {% if blocs is defined   %}
  23.             <h1 class="text-center">{{ 'front.references.cases'|trans({}, 'front') }}</h1>
  24.                 {% endif %}
  26.             <div class="responsive-tabs">
  27.                 <div class="nav-menu-scroll">
  28.                     <ul class="nav">
  29.                         {% for itr, souscat in items %}
  30.                             <li class="nav-item">
  31.                             
  32.                                 <span class="wlc-ws">Welcome</span>
  33.                                 <a class="btn cat-touchscreen{% if idUrl == souscat.id %} active{% endif %}" href="{{ path('filter', {'id': souscat.slug_sous_category, 'slug': souscat.item_slug_fr}) }}" id="sousCategorieTitre">{{souscat.sous_category_name}}</a>
  34.                             </li>
  36.                         {% endfor %}
  37.                         <li class="nav-item d-lg-block d-md-none d-none">
  38.                             <a class="btn cat-all" style="text-align: center !important;" {% if page_category is defined %} href="{{ path('filter', {'id': 'voir_tout', 'slug' : page_category.slug}) }}" {% endif %}>{{ 'front.actions.see_all'|trans({}, 'front') }}</a>
  39.                         </li>
  40.                     </ul>
  41.                 </div>
  42.                 <div class="mt-3 mb-3 text-center d-lg-none d-md-block d-block">
  43.                     <a class="btn cat-all" style="text-align: center !important;" {% if page_category is defined %} href="{{ path('filter', {'id': 'voir_tout', 'slug' : page_category.slug }) }}" {% endif %}>{{ 'front.actions.see_all'|trans({}, 'front') }}</a>
  44.                 </div>
  45.                 <div class="cat-content">
  46.                     <div class="all-categories">
  47.                         <div class="row">
  49.                             {% for itr, PageitemsPage in pages %}
  51.                                 <div class="col-md-6 item-cat-touchscreen">
  52.                                     <div class="card all-card">
  53.                                         <div class="box-img">
  55.                                             {% set image_top = "" %}
  56.                                             {% set image_down, logoPicture = "" , "" %}
  59.                                             {% for  key,PageitemsMedia  in PageitemsPage %}
  61.                                                 {% if PageitemsPage[key].type == constant('App\\Entity\\Medias\\Media::TYPE_MEDIA_VIGNETTE') %}
  62.                                                     {% set image_top =  asset(uploads_directory ~ PageitemsMedia.media_page_items_path  ~ '/' ~ PageitemsMedia.media_page_items_file ) %}
  63.                                                 {% elseif PageitemsPage[key].type == constant('App\\Entity\\Medias\\Media::TYPE_MEDIA_STICKY') %}
  64.                                                     {% set image_down =  asset(uploads_directory ~ PageitemsMedia.media_page_items_path  ~ '/' ~ PageitemsMedia.media_page_items_file ) %}
  65.                                                 {% elseif PageitemsPage[key].type == constant('App\\Entity\\Medias\\Media::TYPE_MEDIA_LOGO_PICTURE') %}
  66.                                                     {% set logoPicture =  asset(uploads_directory ~ PageitemsMedia.media_page_items_path  ~ '/' ~ PageitemsMedia.media_page_items_file ) %}
  67.                                                 {% endif %}
  69.                                             {% endfor %}
  70.                                             <a href="{{ path('front_page_show', {"slug": PageitemsPage[0].slug}) }}">
  71.                                                 <div style="background-image:url({{image_top}}) ;background-repeat: no-repeat; background-position: center;background-size:cover; ;" class="img1 card-img-ref">
  72.                                                 </div>
  73.                                             </a>
  74.                                             <div  onclick="window.location='{{path('front_page_show', {"slug": PageitemsPage[0].slug}) }}';" style="background-image:url({{image_down}}) ;background-repeat: no-repeat;background-size: 100%;  background-position: center; cursor:pointer ;" class="img2 card-img-ref">
  75.                                             </div>
  76.                                             {% if logoPicture %} <img src="{{ logoPicture }}" class="card-img-macaron"> {% endif %}
  77.                                         </div>
  79.                                         <div class="card-box">
  80.                                             {% if PageitemsPage[0].description %}
  81.                                                 {{PageitemsPage[0].description | raw}}
  83.                                                 <a href="{{ path('front_page_show', {"slug": PageitemsPage[0].slug}) }}" class="btn btn-ref">{{ 'front.actions.read_more'|trans({}, 'front') }}</a>
  84.                                             {% endif %}
  85.                                         </div>
  86.                                     </div>
  87.                                 </div>
  88.                             {% endfor %}
  90.                         </div>
  91.                     </div>
  93.                 </div>
  94.             </div>
  95.         </div>
  96.     </div>
  97. {% endblock %}
  99. {% block javascripts %}
  100.     {{ parent() }}
  101. {% endblock %}