templates/document/homepage.html.twig line 1

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