templates/snippets/testimonials.html.twig line 1

Open in your IDE?
  1. {% extends "layout-snippets.html.twig" %}
  3. {% block snippets %}
  5.     <section class="apk-snippet-testimonials">
  6.         <div class="uk-container apk-container-1200">
  8.             {% if editmode %}
  10.                 <hr />
  11.                 <div>
  12.                     <strong>Type</strong> de heading pour le titre ?
  13.                     <br>
  14.                     {{ pimcore_select("content-heading", {
  15.                         "store" : [
  16.                             ['span', 'span'],
  17.                             ['h2', 'Heading 2'],
  18.                             ['h3', 'Heading 3'],
  19.                             ['h4', 'Heading 4'],
  20.                             ['h5', 'Heading 5'],
  21.                             ['h6', 'Heading 6']
  22.                         ],
  23.                         "defaultValue" : "h2"
  24.                     }) }}
  25.                 </div>
  27.                 <div>
  28.                     <strong>Style</strong> du heading pour le titre ?
  29.                     <br>
  30.                     {{ pimcore_select("content-heading-style", {
  31.                         "store" : [
  32.                             ['h2', 'Heading 2'],
  33.                             ['h3', 'Heading 3'],
  34.                             ['h4', 'Heading 4'],
  35.                             ['h5', 'Heading 5'],
  36.                             ['h6', 'Heading 6']
  37.                         ],
  38.                         "defaultValue" : "h2"
  39.                     }) }}
  40.                 </div>
  42.                 <h2 class="uk-h2 uk-text-center">{{ pimcore_textarea("title",{"nl2br" : true}) }}</h2>
  44.             {% else %}
  46.                 <div class="uk-text-center uk-margin-medium-bottom">
  47.                     {% if not pimcore_textarea("title").isEmpty %}
  48.                         {% if pimcore_select("content-heading").getData() == 'span' %}
  49.                             <span class="uk-h2">
  50.                                 {{ pimcore_textarea("title", {
  51.                                 "nl2br" : true}) }}
  52.                             </span>
  53.                         {% else %}
  54.                             {% set content_heading = pimcore_select("content-heading").getData() ?: 'h2' %}
  55.                             {% if content_heading == 'h1' %}
  56.                                 {% set content_heading = 'h2' %}
  57.                             {% endif %}
  58.                             <{{ content_heading }} class="uk-{{ pimcore_select("content-heading-style").getData() }}">
  59.                                 {{ pimcore_textarea("title", {
  60.                                 "nl2br" : true}) }}
  61.                             </{{ content_heading }}>
  62.                         {% endif %}
  63.                     {% endif %}
  64.                 </div>
  66.             {% endif %}
  69.                 <div class="uk-slider" uk-slider="autoplay: true; finite: false; autoplay-interval: 5000">
  71.                     <div class="uk-position-relative uk-visible-toggle" tabindex="-1">
  73.                         <ul class="uk-slider-items uk-grid uk-child-width-1-2@s uk-child-width-1-3@m uk-grid-large" uk-grid uk-height-match="target: blockquote">
  74.                             {% for testimonial in testimonials %}
  75.                             <li>
  76.                                 <div>
  77.                                     <blockquote>
  78.                                         {{ testimonial.quote }}
  79.                                         <img src="/static/img/pictos/icon-quote.svg" class="uk-preserve apk-testimonial-icon-quote" width="32" alt="" uk-svg />
  80.                                     </blockquote>
  81.                                     <div class="apk-testimonial-author">
  82.                                         <div class="uk-grid uk-grid-small" uk-grid>
  84.                                             <div class="uk-width-auto">
  85.                                                 {% if testimonial.picture is empty %}
  86.                                                 {% else %}
  87.                                                 <img src="{{ testimonial.picture.thumbnail('global-image') }}" class="uk-border-circle" width="60" height="60" alt="{{ testimonial.fullname }}" loading="lazy" decoding="async" />
  88.                                                 {% endif %}
  89.                                             </div>
  91.                                             <div class="uk-width-expand">
  92.                                                 <strong>{{ testimonial.fullname }}</strong><br />
  93.                                                 <span>{{ testimonial.position }}</span><br />
  94.                                                 <span>{{ testimonial.company }}</span>
  95.                                             </div>
  97.                                         </div>
  98.                                     </div>
  99.                                     <div class="apk-testimonial-actions uk-flex uk-margin-small">
  100.                                         {#
  101.                                         <a href="/{{ app.request.locale }}/references/references-and-testimonials">{{"View all"|trans}}</a>
  102.                                         <img src="/static/img/pictos/icon-arrow-right.svg" alt="" uk-svg />
  103.                                     #}
  104.                                     </div>
  105.                                 </div>
  106.                             </li>
  107.                             {% endfor %}
  108.                         </ul>
  110.                         <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
  111.                         <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slider-item="next"></a>
  113.                     </div>
  115.                     <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin"></ul>
  117.                 </div>
  119.         </div>
  120.     </section>
  121. {% endblock snippets %}