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

Open in your IDE?
  1. <section class="container content-block js-fade-in {{ include('Layout/includes/editmode-box-classes.html.twig') }} {{ styleModifier | default(null) }} {{ not pimcore_input('anchorTitle').empty ? 'js-anchor-nav__item' : '' }}" {% if not pimcore_input('anchorTitle').empty %}data-anchor-nav-title="{{ pimcore_input('anchorTitle').frontend }}"{% endif %}>
  2.     {% embed 'Includes/editmode-settings.html.twig' %}
  3.         {% block additionalInfo %}
  4.             <div>
  5.                 <label>
  6.                     {{ pimcore_checkbox('titleBlockCentered') }} Center Headline?
  7.                 </label><br>
  8.                 <label>
  9.                     {{ pimcore_checkbox('leftSideTwoTeasers', {reload: true}) }} Instead of first big teaser - two small teasers
  10.                 </label><br>
  11.                 <label>
  12.                     {{ pimcore_checkbox('removeBadges', {reload: true}) }} Remove badges
  13.                 </label>
  14.             </div>
  15.             <div>
  16.                 <label>
  17.                     Amount of Teasers
  18.                 </label> <br>
  19.                 {{ pimcore_select('teaserCount', {
  20.                     'store': [4, 8, 12],
  21.                     'defaultValue': 4,
  22.                     reload: true
  23.                 }) }}
  24.             </div>
  25.             <div>
  26.                 <label>
  27.                     Supports: DemiEvent, DemiInfrastructure, Package, DemiAccommodationServiceProvider, DemiAdditionalService, BlogArticle, AlpsteinTour, Content Teaser Snippet, Simple Text Teaser Snippet,
  28.                 </label>
  29.             </div>
  30.         {% endblock %}
  31.     {% endembed %}
  32.     {{ include('Includes/title-block-editable.html.twig') }}
  33.     
  34.     <section class="{{ styleModifier | default(null)}}">
  35.         <div class="row vertical-gutter--default">
  36.             {% if pimcore_checkbox('leftSideTwoTeasers').checked %}
  37.                 <div class="vertical-gutter__item col-md-4 col-6">
  38.                     <div class="vertical-gutter--default">
  39.                         <div class="vertical-gutter__item">
  40.                             {{ pimcore_renderlet('teaser-1-1', {
  41.                                 'controller': 'App\\Controller\\RenderletController::contentTeaserAction',
  42.                                 'orientation': 'landscape',
  43.                                 'height': 250,
  44.                                 'editmode': editmode,
  45.                                 'removeBadge': pimcore_checkbox('removeBadges').checked ? 1 : 0,
  46.                             }) }}
  47.                         </div>
  48.                         
  49.                         <div class="vertical-gutter__item">
  50.                             {{ pimcore_renderlet('teaser-1-2', {
  51.                                 'controller': 'App\\Controller\\RenderletController::contentTeaserAction',
  52.                                 'orientation': 'landscape',
  53.                                 'height': 250,
  54.                                 'editmode': editmode,
  55.                                 'removeBadge': pimcore_checkbox('removeBadges').checked ? 1 : 0,
  56.                             }) }}
  57.                         </div>
  58.                     </div>
  59.                 </div>
  60.             {% else %}
  61.                 <div class="vertical-gutter__item col-md-5">
  62.                     {{ pimcore_renderlet('teaser-1', {
  63.                         'controller': 'App\\Controller\\RenderletController::contentTeaserAction',
  64.                         'orientation': 'square',
  65.                         'height': 500,
  66.                         'editmode': editmode,
  67.                         'removeBadge': pimcore_checkbox('removeBadges').checked ? 1 : 0,
  68.                     }) }}
  69.                 </div>
  70.             {% endif %}
  71.             
  72.             
  73.             <div class="vertical-gutter__item {{ pimcore_checkbox('leftSideTwoTeasers').checked ? 'col-md-4' : 'col-md-3' }} col-6">
  74.                 {{ pimcore_renderlet('teaser-2', {
  75.                     'title': 'Simple Text Teaser',
  76.                     'controller': 'App\\Controller\\RenderletController::contentTeaserAction',
  77.                     'snippet-only': true,
  78.                     'height': 500,
  79.                     'editmode': editmode,
  80.                     'thumbnail': 'simple-text-teaser--wide',
  81.                     'removeBadge': pimcore_checkbox('removeBadges').checked ? 1 : 0,
  82.                 }) }}
  83.             </div>
  84.             
  85.             <div class="vertical-gutter__item col-md-4 {{ pimcore_checkbox('leftSideTwoTeasers').checked and pimcore_select('teaserCount').data == 4 ? 'col-12' : 'col-6' }}">
  86.                 <div class="row vertical-gutter--default">
  87.                     <div class="vertical-gutter__item col-md-12 {{ pimcore_checkbox('leftSideTwoTeasers').checked and pimcore_select('teaserCount').data == 4 ? 'col-6' : 'col-12' }}">
  88.                         {{ pimcore_renderlet('teaser-3', {
  89.                             'controller': 'App\\Controller\\RenderletController::contentTeaserAction',
  90.                             'orientation': 'landscape',
  91.                             'height': 250,
  92.                             'editmode': editmode,
  93.                             'removeBadge': pimcore_checkbox('removeBadges').checked ? 1 : 0,
  94.                         }) }}
  95.                     </div>
  96.                     <div class="vertical-gutter__item col-md-12 {{ pimcore_checkbox('leftSideTwoTeasers').checked and pimcore_select('teaserCount').data == 4 ? 'col-6' : 'col-12' }}">
  97.                         {{ pimcore_renderlet('teaser-4', {
  98.                             'controller': 'App\\Controller\\RenderletController::contentTeaserAction',
  99.                             'orientation': 'landscape',
  100.                             'height': 250,
  101.                             'editmode': editmode,
  102.                             'removeBadge': pimcore_checkbox('removeBadges').checked ? 1 : 0,
  103.                         }) }}
  104.                     </div>
  105.                 </div>
  106.             </div>
  107.             
  108.             {% if pimcore_select('teaserCount').data > 4 %}
  109.                 <div class="vertical-gutter__item col-md-3 col-6">
  110.                     {{ pimcore_renderlet('teaser-5', {
  111.                         'title': 'Simple Text Teaser',
  112.                         'controller': 'App\\Controller\\RenderletController::contentTeaserAction',
  113.                         'snippet-only': true,
  114.                         'height': 500,
  115.                         'editmode': editmode,
  116.                         'removeBadge': pimcore_checkbox('removeBadges').checked ? 1 : 0,
  117.                     }) }}
  118.                 </div>
  119.                 
  120.                 <div class="vertical-gutter__item col-md-4 col-6">
  121.                     <div class="vertical-gutter--default">
  122.                         <div class="vertical-gutter__item">
  123.                             {{ pimcore_renderlet('teaser-6', {
  124.                                 'controller': 'App\\Controller\\RenderletController::contentTeaserAction',
  125.                                 'orientation': 'landscape',
  126.                                 'height': 250,
  127.                                 'editmode': editmode,
  128.                                 'removeBadge': pimcore_checkbox('removeBadges').checked ? 1 : 0,
  129.                             }) }}
  130.                         </div>
  131.                         
  132.                         <div class="vertical-gutter__item">
  133.                             {{ pimcore_renderlet('teaser-7', {
  134.                                 'controller': 'App\\Controller\\RenderletController::contentTeaserAction',
  135.                                 'orientation': 'landscape',
  136.                                 'height': 250,
  137.                                 'editmode': editmode,
  138.                                 'removeBadge': pimcore_checkbox('removeBadges').checked ? 1 : 0,
  139.                             }) }}
  140.                         </div>
  141.                     </div>
  142.                 </div>
  143.                 
  144.                 
  145.                 <div class="vertical-gutter__item col-md-5 {{ pimcore_checkbox('leftSideTwoTeasers').checked ? 'col-6' }}">
  146.                     {{ pimcore_renderlet('teaser-8', {
  147.                         'controller': 'App\\Controller\\RenderletController::contentTeaserAction',
  148.                         'orientation': 'square',
  149.                         'height': 500,
  150.                         'editmode': editmode,
  151.                         'removeBadge': pimcore_checkbox('removeBadges').checked ? 1 : 0,
  152.                     }) }}
  153.                 </div>
  154.                 
  155.                 {% if pimcore_select('teaserCount').data > 8 %}
  156.                     <div class="vertical-gutter__item col-md-4 col-6">
  157.                         <div class="vertical-gutter--default order-md-1 order-1">
  158.                             <div class="vertical-gutter__item">
  159.                                 {{ pimcore_renderlet('teaser-9', {
  160.                                     'controller': 'App\\Controller\\RenderletController::contentTeaserAction',
  161.                                     'orientation': 'landscape',
  162.                                     'height': 250,
  163.                                     'editmode': editmode,
  164.                                     'removeBadge': pimcore_checkbox('removeBadges').checked ? 1 : 0,
  165.                                 }) }}
  166.                             </div>
  167.                             
  168.                             <div class="vertical-gutter__item">
  169.                                 {{ pimcore_renderlet('teaser-10', {
  170.                                     'controller': 'App\\Controller\\RenderletController::contentTeaserAction',
  171.                                     'orientation': 'landscape',
  172.                                     'height': 250,
  173.                                     'editmode': editmode,
  174.                                     'removeBadge': pimcore_checkbox('removeBadges').checked ? 1 : 0,
  175.                                 }) }}
  176.                             </div>
  177.                         </div>
  178.                     </div>
  179.                     
  180.                     <div class="vertical-gutter__item col-md-5 order-md-2 order-3">
  181.                         {{ pimcore_renderlet('teaser-11', {
  182.                             'controller': 'App\\Controller\\RenderletController::contentTeaserAction',
  183.                             'orientation': 'square',
  184.                             'height': 500,
  185.                             'editmode': editmode,
  186.                             'removeBadge': pimcore_checkbox('removeBadges').checked ? 1 : 0,
  187.                         }) }}
  188.                     </div>
  189.                     
  190.                     <div class="vertical-gutter__item col-md-3 col-6 order-md-3 order-2">
  191.                         {{ pimcore_renderlet('teaser-12', {
  192.                             'title': 'Simple Text Teaser',
  193.                             'controller': 'App\\Controller\\RenderletController::contentTeaserAction',
  194.                             'snippet-only': true,
  195.                             'height': 500,
  196.                             'editmode': editmode,
  197.                             'removeBadge': pimcore_checkbox('removeBadges').checked ? 1 : 0,
  198.                         }) }}
  199.                     </div>
  200.                 {% endif %}
  201.             {% endif %}
  202.         </div>
  203.     </section>
  205. </section>