templates/stabil/document.html.twig line 1

Open in your IDE?
  2. {% extends 'muoservice_document.html.twig' %}
  4. {% set teaserLength = constant('NEWSBLOG_TEASER_LENGTH') %}
  6. {% block main_content %}
  7.   
  8.   {% if editmode or pimcore_image("banner-img-desktop").isEmpty %}
  9.   <div style="margin-top:50px;"></div>
  10.   {% endif %}
  11.   
  12.   <div class="banner" {% if editmode %}style="height:500px;"{% endif %}>
  13.     {% if editmode %}
  14.     <div class="pim-tooltip" style="position:absolute; z-index:10; max-width:250px; top:1rem; bottom:0; left:auto; right:.5rem;">
  15.       <div class="tooltip-description">
  16.         W&auml;hlen Sie aus den Assets je ein Bild f&uuml;r mobile und Desktop-Darstellung
  17.       </div> 
  18.       <div class="tooltipp-options">
  19.         <div class="row">
  20.           <div class="col-12">
  21.             <div>Desktop-Darstellung:</div>
  22.             {{ pimcore_image("banner-img-desktop", {"height":"150","reload":true}) }}  
  23.           </div>
  24.           <div class="col-12">
  25.             <div>Mobile Darstellung:</div>
  26.             {{ pimcore_image("banner-img-mobile", {"height":"150","reload":true}) }}  
  27.           </div>
  28.         </div>
  29.       </div>
  30.     </div>
  31.     {% endif %}
  32.     <div class="headline-border scroll-animated-inverted">
  33.       <h2 class="headline" style="min-height:1rem;">{{ pimcore_input('banner-headline') }}</h2>
  34.       <div class="headline-arrow">
  35.         <svg style="width:50px; height:40px;"><polygon points="0,0 50,0 25,18 " style="fill:#cc0000; stroke:0; stroke-width:1"></polygon></svg>
  36.       </div>
  37.     </div>
  38.     {% if pimcore_image("banner-img-mobile").getSrc() != '' %}
  39.     <img src="{{ pimcore_image("banner-img-mobile").getSrc() }}" alt="{{ siteConfig.getWebsiteName }} Titelbild" class="d-block d-lg-none" />
  40.     {% endif %}
  41.     {% if pimcore_image("banner-img-desktop").getSrc() != '' %}
  42.     <img src="{{ pimcore_image("banner-img-desktop").getSrc() }}" alt="{{ siteConfig.getWebsiteName }} Titelbild" class="d-none d-lg-block" />
  43.     {% endif %}
  44.   </div>
  46.   {% set contentBlockTop = pimcore_block('contentblock1') %}    
  47.   {% for i in pimcore_block('contentblock1').iterator %}   
  48.     {% if editmode %}
  49.       {{ pimcore_select('blocktype', {
  50.           "store": [
  51.               ["panel-12", "1-spaltig"],
  52.               ["panel-6-6", "2-spaltig"],
  53.               ["panel-4-4-4", "3-spaltig"],
  54.               ["panel-3-3-3-3", "4-spaltig"],
  55.               ["panel-6-columns", "6-spaltig"],
  56.               ["slider-gallery", "Bildergalerie"],
  57.               ["horizontal-line", "Horizontale Linie"]
  58.           ],
  59.           "defaultValue": "panel-12",
  60.           "width": 300,
  61.           "reload": true
  62.       }) }}
  63.     {% endif %}
  65.     {% if not pimcore_select('blocktype').isEmpty() %}          
  66.         {{ include('muoservice/includes/content-blocks/' ~ pimcore_select('blocktype').getData() ~ '.html.twig') }}          
  67.     {% endif %}
  68.   {% endfor %}
  70. {% endblock %}