templates/front/default/home.html.twig line 1

Open in your IDE?
  1. {% extends "front/_common/_base.html.twig" %}
  3. {% block linkcanonical %}
  4.     <link rel="canonical" href="{{ absolute_url(path('home')) }}">
  5. {% endblock %}
  7. {% block cssadicional %}{% endblock %}
  9. {% block classbody %}{% endblock %}
  11. {% block content %}
  12.     <section class="b1">
  13.         <div class="b1Swiper wanchoPrimary swiper-container">
  14.             <div class="swiper-wrapper">
  15.                 {% for item in sd.bannerItems %}
  16.                     {% set imageDesktop = item.imageDesktop %}
  17.                     {% set imageMobile = item.imageMobile ?: imageDesktop %}
  18.                     <div class="b1Slide swiper-slide">
  19.                         <picture class="b1Picture">
  20.                             <source srcset="{{ asset(imageMobile|image_path) }}" media="(max-width: 767px)">
  21.                             <source srcset="{{ asset(imageDesktop|image_path) }}">
  22.                             <img class="b1PictureImage" src="{{ asset(imageDesktop|image_path) }}" width="1600" alt="{{ imageDesktop|image_alt }}">
  23.                         </picture>
  24.                         <div class="b1Wrapper" style="opacity: 0">
  25.                             <div class="b1WrapperBox">
  26.                                 {% if item.logo|image_path and item.text %}
  27.                                     <div class="b1SlideTextContentTitle">
  28.                                         {% if item.logo|image_path %}
  29.                                             <img src="{{ asset(item.logo|image_path) }}" width="234" alt="{{ item.logo|image_alt }}">
  30.                                         {% endif %}
  31.                                         {% if item.text %}
  32.                                             <h2 class="titleStandard b1SlideTextTitle">{{ item.text }}</h2>
  33.                                         {% endif %}
  34.                                     </div>
  35.                                 {% endif %}
  36.                                 {% if item.buttonShow and item.buttonLink and item.buttonText %}
  37.                                     <div class="b1SlideTextButton">
  38.                                         <a href="{{ item.buttonLink }}" class="buttonStandard icon" target="{{ item.buttonTarget|url_target }}">
  39.                                             <span>{{ item.buttonText }}</span>
  40.                                             <i class="icon-iconos-6"></i>
  41.                                         </a>
  42.                                     </div>
  43.                                 {% endif %}
  44.                             </div>
  45.                         </div>
  46.                         {% if item.videoShow and item.videoLink|youtube_id %}
  47.                             <a href="" class="b1SlideOpen playFullScreen" data-video="https://www.youtube.com/watch?v={{ item.videoLink|youtube_id }}">
  48.                                 <i class="icon-ri_play-fill"></i>
  49.                             </a>
  50.                         {% endif %}
  51.                     </div>
  52.                 {% endfor %}
  53.             </div>
  54.             <div class="b1Bullets"></div>
  55.         </div>
  56.         {% if sd.promotionsShow %}
  57.             <div class="b1ItemsBottom wanchoPrimary">
  58.                 {% for item in sd.promotionsItems %}
  59.                     <a href="{{ item.link }}" class="b1Item">
  60.                         <div class="b1ItemBox">
  61.                             <picture class="b1ItemPicture">
  62.                                 {% if item.image|image_path %}
  63.                                     <source srcset="{{ asset(item.image|image_path) }}">
  64.                                     <img class="b1ItemPictureImage" src="{{ asset(item.image|image_path) }}" width="688" alt="{{ item.image|image_alt }}">
  65.                                 {% endif %}
  66.                             </picture>
  67.                             <div class="b1ItemTextAbsolute">
  68.                                 {% if item.logo|image_path %}
  69.                                     <img class="b1ItemTextAbsoluteImage" src="{{ asset(item.logo|image_path) }}" width="228" alt="{{ item.logo|image_alt }}">
  70.                                 {% endif %}
  71.                                 {% if item.texto %}
  72.                                     <h3>{{ item.texto }}</h3>
  73.                                 {% endif %}
  74.                             </div>
  75.                         </div>
  76.                     </a>
  77.                 {% endfor %}
  78.             </div>
  79.         {% endif %}
  80.     </section>
  82.     {% if sd.modelsShow %}
  83.         <section class="b2 scroll-wrapper">
  84.             <div class="b2Wrapper wanchoSecondary">
  85.                 {% if sd.modelsTitle %}
  86.                     <div class="b2Title scroll-item">
  87.                         <h2 class="titleStandard">{{ sd.modelsTitle }}</h2>
  88.                     </div>
  89.                 {% endif %}
  90.                 <div class="b2Content scroll-item">
  91.                     <div class="b2Swiper swiper-container" data-initial="3">
  92.                         <div class="swiper-wrapper">
  93.                             {% for item in models %}
  94.                                 <div class="b2Slide swiper-slide">
  95.                                     <div class="b2SlideBox">
  96.                                         <a href="{{ path('truck', {'slug': item.slug}) }}">
  97.                                             <h3 class="b2SlideTitle">{{ item.title }}</h3>
  98.                                             <picture class="b2SlidePicture">
  99.                                                 <img class="b2SlidePictureImage" src="{{ asset(item.image|image_path) }}" width="235" alt="{{ item.title }}">
  100.                                             </picture>
  101.                                         </a>
  102.                                         <div class="b2SlideButtons">
  103.                                             <a href="{{ path('truck', {'slug': item.slug}) }}" class="buttonStandard icon gray">
  104.                                                 <span>Ver modelo</span> <i class="icon-iconos-12"></i>
  105.                                             </a>
  106.                                             <a href="{{ path('trucks') }}" class="buttonStandard icon border">
  107.                                                 <span>Seleccionador de camiones</span> <i class="icon-iconos-12"></i>
  108.                                             </a>
  109.                                         </div>
  110.                                     </div>
  111.                                 </div>
  112.                             {% endfor %}
  113.                         </div>
  114.                     </div>
  115.                     <div class="b2Arrows">
  116.                         <div class="b2Prev arrowSwiper swiper-button-prev icon-chevron-left"></div>
  117.                         <div class="b2Next arrowSwiper swiper-button-next icon-chevron-right"></div>
  118.                     </div>
  119.                 </div>
  120.             </div>
  121.         </section>
  122.     {% endif %}
  124.     {% if sd.servicesShow %}
  125.         <section class="b3 scroll-wrapper">
  126.             <div class="b3Background">
  127.                 <div class="b3Wrapper wanchoSecondary">
  128.                     <div class="b3Left">
  129.                         <div class="b3LeftBox">
  130.                             {% if sd.servicesTitle %}
  131.                                 <div class="b2Title scroll-item">
  132.                                     <h2 class="titleStandard2">{{ sd.servicesTitle }}</h2>
  133.                                 </div>
  134.                             {% endif %}
  135.                             <div class="b3LeftContent">
  136.                                 <a href="{{ path('trucks') }}" class="b3LeftItem scroll-item">
  137.                                     <div class="b3LeftItemBox">
  138.                                         <img class="b3LeftIcon" src="{{ asset('assets/images/camion.svg') }}" width="42" alt="">
  139.                                         <div class="b3LeftItemText">
  140.                                             <h3>Camiones</h3>
  141.                                         </div>
  142.                                     </div>
  143.                                     <img class="b3ItemIcon" src="{{ asset('assets/images/b3arrowtop.svg') }}" width="24" alt="">
  144.                                 </a>
  145.                                 <a href="{{ path('spare_parts') }}" class="b3LeftItem scroll-item">
  146.                                     <div class="b3LeftItemBox">
  147.                                         <img class="b3LeftIcon" src="{{ asset('assets/images/piezas-de-repuesto.svg') }}" width="42" alt="">
  148.                                         <div class="b3LeftItemText">
  149.                                             <h3>Repuestos</h3>
  150.                                         </div>
  151.                                     </div>
  152.                                     <img class="b3ItemIcon" src="{{ asset('assets/images/b3arrowtop.svg') }}" width="24" alt="">
  153.                                 </a>
  154.                                 <a href="{{ path('services') }}" class="b3LeftItem scroll-item">
  155.                                     <div class="b3LeftItemBox">
  156.                                         <img class="b3LeftIcon" src="{{ asset('assets/images/soporte-tecnico.svg') }}" width="42" alt="">
  157.                                         <div class="b3LeftItemText">
  158.                                             <h3>Servicios</h3>
  159.                                         </div>
  160.                                     </div>
  161.                                     <img class="b3ItemIcon" src="{{ asset('assets/images/b3arrowtop.svg') }}" width="24" alt="">
  162.                                 </a>
  163.                                 <a href="{{ path('network') }}" class="b3LeftItem scroll-item">
  164.                                     <div class="b3LeftItemBox">
  165.                                         <img class="b3LeftIcon" src="{{ asset('assets/images/internacional.svg') }}" width="42" alt="">
  166.                                         <div class="b3LeftItemText">
  167.                                             <h3>Red de atención</h3>
  168.                                         </div>
  169.                                     </div>
  170.                                     <img class="b3ItemIcon" src="{{ asset('assets/images/b3arrowtop.svg') }}" width="24" alt="">
  171.                                 </a>
  172.                             </div>
  173.                         </div>
  174.                     </div>
  175.                     <div class="b3Right">
  176.                         {% if sd.servicesImage1|image_path %}
  177.                             <img class="b3RightPictureTruck scroll-item" src="{{ asset(sd.servicesImage1|image_path) }}" width="796" alt="{{ sd.servicesImage1|image_alt }}">
  178.                         {% endif %}
  179.                         {% if sd.servicesImage2|image_path %}
  180.                             <picture class="b3RightPicture">
  181.                                 <img class="b3RightPictureImage" src="{{ asset(sd.servicesImage2|image_path) }}" width="600" alt="{{ sd.servicesImage2|image_alt }}">
  182.                             </picture>
  183.                         {% endif %}
  184.                     </div>
  185.                 </div>
  186.             </div>
  187.         </section>
  188.     {% endif %}
  190.     {% if sd.blogShow and info.showBlog %}
  191.         <section class="b4 scroll-wrapper">
  192.             <div class="b4Wrapper wanchoSecondary">
  193.                 {% if sd.blogTitle %}
  194.                     <div class="b2Title scroll-item">
  195.                         <h2 class="titleStandard">{{ sd.blogTitle }}</h2>
  196.                     </div>
  197.                 {% endif %}
  198.                 <div class="b4Content">
  199.                     <a href="" class="b4Item scroll-item">
  200.                         <div class="b4ItemBox">
  201.                             <picture class="b4ItemPicture">
  202.                                 <img class="b4ItemPictureImage" src="{{ asset('assets/images/img1.jpg') }}" width="384" alt="">
  203.                             </picture>
  204.                             <div class="b4ItemText">
  205.                                 <div class="b4TagDate">
  206.                                     <span class="b4Tag">Novedades</span>
  207.                                     <span class="b4Date">Diciembre 22,2024</span>
  208.                                 </div>
  209.                                 <div class="b4ItemParagraph">
  210.                                     <p>The UD Extra Mile Challenge results are in! Singapore and South Africa win UD Trucks Extra Mile Challenge 2017</p>
  211.                                 </div>
  212.                                 <div class="b4ItemButton">
  213.                                     <div class="buttonStandardLink">
  214.                                         <span>Leer más</span> <i class="icon-iconos-12"></i>
  215.                                     </div>
  216.                                 </div>
  217.                             </div>
  218.                         </div>
  219.                     </a>
  220.                     <a href="" class="b4Item scroll-item">
  221.                         <div class="b4ItemBox">
  222.                             <picture class="b4ItemPicture">
  223.                                 <img class="b4ItemPictureImage" src="{{ asset('assets/images/img2.jpg') }}" width="384" alt="">
  224.                             </picture>
  225.                             <div class="b4ItemText">
  226.                                 <div class="b4TagDate">
  227.                                     <span class="b4Tag">Novedades</span>
  228.                                     <span class="b4Date">Diciembre 22,2024</span>
  229.                                 </div>
  230.                                 <div class="b4ItemParagraph paragraphText">
  231.                                     <p>The UD Extra Mile Challenge results are in! Singapore and South Africa win UD Trucks Extra Mile Challenge 2017</p>
  232.                                 </div>
  233.                                 <div class="b4ItemButton">
  234.                                     <div class="buttonStandardLink">
  235.                                         <span>Leer más</span> <i class="icon-iconos-12"></i>
  236.                                     </div>
  237.                                 </div>
  238.                             </div>
  239.                         </div>
  240.                     </a>
  241.                     <a href="" class="b4Item scroll-item">
  242.                         <div class="b4ItemBox">
  243.                             <picture class="b4ItemPicture">
  244.                                 <img class="b4ItemPictureImage" src="{{ asset('assets/images/img3.jpg') }}" width="384" alt="">
  245.                             </picture>
  246.                             <div class="b4ItemText">
  247.                                 <div class="b4TagDate">
  248.                                     <span class="b4Tag">Novedades</span>
  249.                                     <span class="b4Date">Diciembre 22,2024</span>
  250.                                 </div>
  251.                                 <div class="b4ItemParagraph paragraphText">
  252.                                     <p>The UD Extra Mile Challenge results are in! Singapore and South Africa win UD Trucks Extra Mile Challenge 2017</p>
  253.                                 </div>
  254.                                 <div class="b4ItemButton">
  255.                                     <div class="buttonStandardLink">
  256.                                         <span>Leer más</span> <i class="icon-iconos-12"></i>
  257.                                     </div>
  258.                                 </div>
  259.                             </div>
  260.                         </div>
  261.                     </a>
  262.                 </div>
  263.             </div>
  264.         </section>
  265.     {% endif %}
  266. {% endblock %}
  268. {% block jsfinal %}{% endblock %}