templates/alkanbari/document/homepage.html.twig line 1

Open in your IDE?
  2. {% extends 'alkanbari_homepage.html.twig' %}
  4. {% block main_content %}
  6.   {% set bgImgDesktop = pimcore_relation('banner-image').getFullPath() ? pimcore_relation('banner-image').getFullPath() : '' %}        
  7.   {% set bgImgMobile = pimcore_relation('banner-mobile-image').getFullPath() ? pimcore_relation('banner-mobile-image').getFullPath() : '' %}  
  9.   <section class="section banner-section home-banner" id="start">
  10.     <div class="banner-border">   
  11.       <img class="d-none d-lg-block" src="{{ bgImgDesktop }}" loading="lazy" /><img class="d-block d-lg-none" src="{{ bgImgMobile }}" loading="lazy" />    
  12.       <h2 class="banner-header animate__blurred">{{ pimcore_input('banner-headline', {"default":"Willkommen"}) }}</h2>         
  13.     </div>
  14.   </section>
  15.   {% if editmode %}
  16.   <div class="pim-tooltip">
  17.     <div>
  18.       Banner f&uuml;r Desktop:<br />
  19.       {{ pimcore_relation('banner-image', {
  20.           "reload" : true
  21.       }) }}
  22.     </div>
  23.     <div>
  24.       Banner f&uuml;r Mobiles:<br />
  25.       {{ pimcore_relation('banner-mobile-image', {
  26.           "reload" : true
  27.       }) }}
  28.     </div>
  29.   </div>
  30.   {% endif %} 
  32.   {% set contentBlock1 = pimcore_block('contentblock1') %}    
  33.   {% for i in pimcore_block('contentblock1').iterator %}   
  34.     {% if editmode %}
  35.       {{ pimcore_select('blocktype', {
  36.           "store": [
  37.               ["panel-12", "1-spaltiges Layout"],
  38.               ["panel-6-6", "2-spaltiges Layout"],
  39.               ["panel-4-4-4", "3-spaltiges Layout"],
  40.               ["panel-3-3-3-3", "4-spaltiges Layout"],
  41.               ["horizontal-line", "Horizontale Trennlinie"]
  42.           ],
  43.           "defaultValue": "panel-12",
  44.           "width": 300,
  45.           "reload": true
  46.       }) }}
  47.     {% endif %}
  49.     {% if not pimcore_select('blocktype').isEmpty() %}          
  50.         {{ include('alkanbari/_includes/content-blocks/' ~ pimcore_select('blocktype').getData() ~ '.html.twig') }}          
  51.     {% endif %}
  52.   {% endfor %}
  54.   <section class="section-padding" style="display:none;">
  55.     <div class="container">
  56.       <div class="row">
  57.         <div class="col-12 text-center">
  58.           <h2>{{ pimcore_input('contact_header') }}</h2>
  59.           <br />
  60.         </div>
  61.       </div>
  62.       <div class="row">
  63.         <div class="col-12 col-lg-4">
  64.           <div class="contact-data">
  65.             <p>{{'alkanbari-contact-company'|trans}}<br />{{'alkanbari-contact-name'|trans}}<br />{{'alkanbari-contact-street'|trans}}, {{'alkanbari-contact-city'|trans}}</p>
  66.             <p>Telefon: <a href="tel:{{'alkanbari-contact-phone-number'|trans}}" target="_blank">{{'alkanbari-contact-phone'|trans}}</a><br />E-Mail: <a href="mailto:{{'alkanbari-contact-email'|trans}}" target="_blank">{{'alkanbari-contact-email'|trans}}</a></p>
  67.             
  68.           </div>
  69.         </div>
  70.         <div class="col-12 col-lg-7 offset-lg-1">
  71.           <h3>{{ 'alkanbari-contact-form1-header'|trans }}</h3>
  72.           <div class="box-bg">
  73.             
  74.             <form id="bookingForm" class="form booking-form" name="contactForm" method="post">
  75.               <input type="hidden" class="check-finput" name="language" id="language" value="{{app.request.locale}}" />
  76.               <input type="hidden" class="check-finput" name="contactToken" id="contactToken" value="{{ 'now'|date('U') }}" />
  77.               <div class="row form-row">
  78.                 <div class="col-12 col-md-6">
  79.                   <label>Vorname</label>
  80.                   <input class="form-control mb-2 check-finput" name="contactFirstname" id="contactFirstname" required />
  81.                 </div>
  82.                 <div class="col-12 col-md-6">
  83.                   <label>Nachname</label>
  84.                   <input class="form-control mb-2 check-finput" name="contactLastname" id="contactLastname" required />
  85.                 </div>
  86.               </div>
  87.               <div class="row form-row">
  88.                 <div class="col-8 col-md-9">
  89.                   <label>Stra&szlig;e</label>
  90.                   <input class="form-control mb-2 check-finput" name="contactStreet" id="contactStreet" required />
  91.                 </div>
  92.                 <div class="col-4 col-md-3">
  93.                   <label>Nr.</label>
  94.                   <input class="form-control mb-2 check-finput" name="contactStreetNumber" id="contactStreetNumber" required />
  95.                 </div>
  96.               </div>
  97.               <div class="row form-row">
  98.                 <div class="col-4 col-md-3">
  99.                   <label>Plz</label>
  100.                   <input class="form-control mb-2 check-finput" name="contactZip" id="contactZip" required />
  101.                 </div>
  102.                 <div class="col-8 col-md-9">
  103.                   <label>Ort</label>
  104.                   <input class="form-control mb-2 check-finput" name="contactCity" id="contactCity" required />
  105.                 </div>
  106.               </div>
  107.               <div class="row form-row">
  108.                 <div class="col-12">
  109.                   <label>E-Mail-Adresse</label>
  110.                   <input class="form-control mb-2 check-finput" type="text" name="emailAddress" id="emailAddress" placeholder="E-Mail-Adresse" />
  111.                   <input class="form-control mb-2 check-finput" type="email" name="contactEmail" id="contactEmail" required />
  112.                 </div>
  113.               </div>
  115.               <div class="row form-row">
  116.                 <div class="col-12">
  117.                   <label>Kommentare/Sonstiges</label>
  118.                   <textarea class="form-control mb-2 check-finput" name="contactMessage" id="contactMessage" rows="3"></textarea>
  119.                 </div>
  120.               </div>
  121.               <div class="row form-row">
  122.                 <div class="col-12 small">
  123.                   {{ pimcore_wysiwyg('booking-information') }}
  124.                 </div>
  125.               </div>
  126.               <div class="row form-row">
  127.                 <div class="col-12 text-center">
  128.                   <div id="submitContactMessage"></div>
  129.                   <input class="btn btn-default mb-2" type="button" name="submitBookingForm" id="submitBookingForm" value="{{'alkanbari-contact-form1-submit'|trans}}" />
  130.                 </div>
  131.               </div>
  132.             </form>
  133.             
  134.           </div>
  135.         </div>
  136.       </div>
  137.     </div>
  138.   </section>
  140. {% endblock %}