templates/areas/hero-grid/view.html.twig line 1

Open in your IDE?
  1. {% if  editmode %}
  2. <div class="alert alert-secondary">
  3.     {{ 'Please use same aspect ratio images for best result.' }}
  4. </div>
  5. {% endif %}
  6. {% set id = uniqid('heroGrid-') %}
  7. <section id="{{ id }}" class="section grid-gallery no-gutters {{ (not editmode?'row':'') }}">
  9. {% for i in pimcore_iterate_block(pimcore_block('heroGridBlock', {class:'row m-0'})) %}
  10.     <div class="grid-gallery-item grid-gallery-item-{{ id }}-{{ i }} {{ (not editmode?'col-md-6':'') }} zoom-outer">
  12.         {% if not editmode %}
  13.             <a href="{{ pimcore_link('heroGridLink' ~ i).href }}">
  14.         {% endif %}
  15.             <span  class="tint {{ (not editmode?'zoom-inner':'') }}">
  16.                 {{
  17.                     pimcore_image('heroGridImage' ~ i, {
  18.                         dropClass: 'grid-gallery-item-' ~ id ~ '-' ~ i,
  19.                         reload: true,
  20.                         hidetext: true,
  21.                         thumbnail: 'heroGrid',
  22.                         imgAttributes: {class: 'img-fluid'},
  23.                         title: 'Drag background image here'
  24.                     })
  25.                 }}
  26.             </span>
  27.              <span class="grid-gallery-item-text">
  28.                 <h2 class="text-uppercase">{{ pimcore_input('heroGridHeadline' ~ i,{placeholder: 'Headline'}) }}</h2>
  29.                 <h5>{{ pimcore_input('heroGridSubheadline' ~ i,{placeholder: 'Sub Headline'}) }}</h5>
  30.                 {% if editmode %}
  31.                     <div class="mx-auto">{{ pimcore_link('heroGridLink' ~ i) }}</div>
  32.                 {% endif %}
  33.             </span>
  34.         {% if not editmode %}
  35.             </a>
  36.         {% endif %}
  38.     </div>
  40. {% endfor %}
  42. </section>