templates/front/mobilierDetail.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}UP-DETAIL{% endblock %}
  7. {% block body %}
  9.   <div class="container pageUnique justify-content-center">
  11.     <!-- bandeau titre -->
  13.     <div class="row"><!-- debut -->
  15.       {# recup uniquement les videos #}
  16.       {% if allMob.mobilierImages|length > 0 %}
  17.         {% set videos = [] %}
  18.         {% for video in allMob.mobilierImages %}
  19.           {% set lengthA = video.imgUrlFile|length %}
  20.           {% set ext = video.imgUrlFile|slice((lengthA - 3), 3) %}
  21.           {% if ext == 'mp4' or ext == 'm4v' %}
  22.             {% if video.actif == 1 %}
  23.               {% set videos = videos|merge({(video.ordre): video}) %}
  24.             {% endif %}
  25.           {% else %}
  26.           {% endif %}
  27.         {% endfor %}
  28.         <!-- video -->
  29.         {% if videos|length > 0 %}
  30.           <video autoplay="" muted="" loop="" style="width:100%;">
  31.             <source src="{{ pathLocal }}uploads/mobilier/{{ videos[0].imgUrlFile }}" type="video/mp4">
  32.             Your browser does not support the video tag.
  33.           </video>
  34.         {% endif %}
  35.       {% endif %}
  39.       <!-- titre -->
  40.       <div class="row">
  41.         <div class="bandeauTitrePageUnique">{{ allMob.titre }}</div>
  42.       </div>
  44.       <!-- col 1 - diaporama -->
  45.       <div class="col-md-6 gaucheMob">
  47.         <!-- diaporama -->
  48.         <div class="row">
  49.           {% set allImgs = allMob.mobilierImages %}
  50.           {% include "front/index/newdetailCaroussel.html.twig" %}
  51.         </div>
  53.         <!-- legende -->
  54.         <div class="row justify-content-center" style="margin-bottom: 1.5em;">
  55.           <div class="col-12 txtModel" style="">
  56.             Tous nos modèles sont déposés ( design  ©2020 by EARO-ONE )
  57.           </div>
  58.         </div>
  60.       </div>
  61.       <!--fin gaucheMob -->
  65.       <!-- col 2 - detail -->
  66.       <div class="col-md-6 DroiteMob">
  67.         <div class="row">
  68.           <!-- bandeau Fiche technique -->
  69.           <div class="produitDescription">
  71.             <ul>
  72.             {% for tech in allTech %}
  74.               {% if tech.actif == 1 %}
  76.                 {% if tech.titre == ' ' %}
  77.                   <li>
  78.                 {% elseif tech.titre == '+' %}
  79.                   <li style="margin-top: 1.5em;">
  80.                 {% elseif tech.titre == '1' %}
  81.                 {% else %}
  82.                   <li>
  83.                     <div class="row">
  84.                       <div class="col-2">
  85.                         <span>{{ tech.titre }} : </span>
  86.                       </div>
  88.                 {% endif %}
  90.                 {% if tech.titre == '1' and tech.description == '' %}
  91.                   <li style="margin: 1.5em 0; margin-left: -30px;">
  92.                     N’est pas vendu à l’unité. <br>
  93.                     Vendu par lot de 3 pièces
  94.                   </li>
  95.                 {% else %}
  96.                       <div class="col-10">
  97.                         {{ tech.description|raw }}
  98.                       </div>
  99.                     </div>
  100.                   </li>
  101.                 {% endif %}
  103.               {% endif %}
  105.             {% endfor %}
  106.             </ul>
  108.             <ul style="margin: 1.5em 0;">
  109.               <li>
  110.                 Site dédié aux professionnels
  111.               </li>
  112.             </ul>
  114.             <ul>
  115.               <li>N’hésitez pas à nous <a href="/contact" class="btn-success upParis"> consulter</a> pour&nbsp;connaitre&nbsp;nos&nbsp;prix.</li>
  116.             </ul>
  117.           </div><!-- fin Fiche technique-->
  118.         </div><!-- fin Fiche Information-->
  120.         <!-- bandeau Information communes à tous les mobiliers -->
  121.         <div class="row">
  122.           <div class="col-12 text-center">
  123.           </div>
  124.         </div><!--fin DroiteMob -->
  126.         <div class="margeB"></div>
  128.         <div class="produitDescription">
  129.           <p class="text-center"></p>
  130.         </div>
  131.       </div>
  133.     </div>
  135.     <div class="margeB"></div>
  136.   </div><!-- fin de debut -->
  138.     {% include "elements/bas2Cat.html.twig" %}
  139.     {% include "elements/signatureFF.html.twig" %}
  141.     <div class="margeDuBas"></div>
  144. {% endblock %}