templates/areas/featurette/view.html.twig line 1

Open in your IDE?
  1. {% set featuretteBlock = pimcore_block('block') %}
  3. <section class="area-featurette">
  4.     {% for i in pimcore_iterate_block(featuretteBlock) %}
  5.         {% set positionSelect = pimcore_select('position', {
  6.             store: [["left","left"],["right","right"]],
  7.             reload: true,
  8.             class: 'align-middle'
  9.         }) %}
  11.         {% set typeSelect = pimcore_select('type', {
  12.             reload: true,
  13.             store: [["video","video"], ["image","image"]],
  14.             class: 'align-middle'
  15.         }) %}
  17.         {% set position = positionSelect.getData()|default('left') %}
  18.         {% if editmode %}
  19.             <div class="mb-3">
  20.                 <span class="editmode-label align-middle">Orientation:</span>
  21.                 {{ positionSelect | raw }}
  22.             </div>
  23.         {% endif %}
  25.         <div class="row featurette">
  26.             <div class="col-sm-7 {{ position == 'right' ? 'order-md-2' : '' }}">
  27.                 <h2 class="featurette-heading">
  28.                     {{ pimcore_input('headline') }}
  29.                     <br>
  30.                     <span class="text-muted">{{ pimcore_input('subline') }}</span>
  31.                 </h2>
  33.                 <div class="lead">
  34.                     {{ pimcore_wysiwyg('content', {
  35.                         height: 200
  36.                     }) }}
  37.                 </div>
  38.             </div>
  40.             <div class="col-sm-5 {{ position == 'right' ? 'order-md-1' : '' }}">
  42.                 {% if editmode %}
  43.                     <div class="mb-3">
  44.                         <span class="editmode-label align-middle">Type:</span>
  45.                         {{ typeSelect|raw }}
  46.                     </div>
  47.                 {% endif %}
  49.                 {% set type = typeSelect.getData() %}
  51.                 {% if type == 'video' %}
  53.                     {{
  54.                         pimcore_video('video', {
  55.                             thumbnail: 'featurerette',
  56.                             attributes: {
  57.                                 class: 'video-js vjs-default-skin vjs-big-play-centered',
  58.                                 'data-setup': '{}'
  59.                             }
  60.                         })
  61.                     }}
  63.                 {% else %}
  65.                     {{
  66.                         pimcore_image('image', {
  67.                             imgAttributes: {class: 'featurette-image img-responsive'},
  68.                             thumbnail: 'featurerette'
  69.                         })
  70.                     }}
  72.                 {% endif %}
  74.             </div>
  75.         </div>
  77.         {% if featuretteBlock.getCurrent() < (featuretteBlock.getCount() - 1) %}
  78.             <hr class="featurette-divider">
  79.         {% endif %}
  81.     {% endfor %}
  82. </section>