templates/component/to_discover.html.twig line 1

Open in your IDE?
  1. {#
  2.     component: to discover
  4.     heading: [{
  5.         title {string}: Titre des découvertes
  6.         titleAnnex {string}: Titre annexe des découvertes (au dessus du titre)
  7.     }]
  8.     items: [{
  9.         image {image}: Image de la découverte
  10.             size: {
  11.                 width: "630",
  12.                 height: "270"
  13.             }
  14.         heading: [{
  15.             title {string}: Titre de la découverte
  16.             titleAnnex {string}: Titre annexe de la découverte (au dessus du titre)
  17.         }],
  18.         to {string}: Lien de la découverte
  19.     }]
  20.     
  21. #}
  23. {% set props = {
  24.   heading: {
  25.     title: null,
  26.     titleAnnex: null,
  27.   },
  28.   items: null,
  29. }|merge(props|default({}))  %}
  31. <section data-component="to-discover" class="ToDiscover-component">
  33.     <div
  34.         class="l-container">
  36.         {# Heading #}
  37.         {% include "component/heading.html.twig" with {
  38.       
  39.       props: props.heading
  41.     } %}
  43.         <div class="l-row ToDiscover-row {% if props.items|length < 3 %} small-content {% endif %}" ref="container">
  45.             {% for item in props.items %}
  47.                 <a class="ToDiscover-item" href="{{ item.to }}" ref="items">
  49.                     <div class="ToDiscover-itemInner">
  51.                         <div
  52.                             class="ToDiscover-itemImage">
  54.                             {# Item image #}
  55.                             {% include "component/image.html.twig" with {
  56.                                 props: item.image
  57.                             } %}
  58.                             {# {% include "component/picture.html.twig" with {
  59.                                 props: item.image|merge({
  60.                                     srcWebp: (item.image.src) ? asset(item.image.src | imagine_filter('convert_img_to_webp')) : ''
  61.                                 })
  62.                             } %} #}
  64.                         </div>
  66.                         {# Item heading #}
  67.                         {% include "component/heading.html.twig" with {
  68.                             props: item.heading
  69.                         } %}
  71.                     </div>
  73.                 </a>
  74.             {% endfor %}
  76.         </div>
  78.     </div>
  80. </section>