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

Open in your IDE?
  1. {% if editmode %}
  2.     <div class="edit-box">
  3.         <h1>KONFIGURATIONEN FÜR DEN AREABRICK:</h1>
  4.         <div class="flex gap-20">
  6.             <div class="content flex column gap-20">
  7.                 <div class="content-box flex gap-20">
  8.                     <div class="item">
  9.                         <p class="edit-p">Anker Text:</p>
  10.                         {{ pimcore_input('anchor',{'placeholder':'Anker Text','width':300}) }}
  11.                     </div>
  12.                 </div>
  13.             </div>
  15.         </div>
  16.     </div>
  17. {% endif %}
  20. <section class="headline-text contact-teaser light bg-orange small" {% if not pimcore_input('anchor').isEmpty() %}id="{{ pimcore_input('anchor').getData() }}"{% endif %}>
  21.     <div class="container">
  22.         {% if editmode %}
  23.             <h2>{{ pimcore_input('headline',{'placeholder':'Kontakt Person'}) }}</h2>
  24.         {% elseif not editmode and not pimcore_input('headline').isEmpty() %}
  25.             <h2>{{ pimcore_input('headline').getData() }}</h2>
  26.         {% endif %}
  27.         <div class="teaser">
  28.             {% if editmode %}
  29.                 {{ pimcore_image("ContactImage", {
  30.                     "reload": true,
  31.                     "title": "Drag your image here",
  32.                     "width": 358,
  33.                     "height": 270,
  34.                     "thumbnail": "NewsTeaser"
  35.                 }) }}
  36.             {% elseif not editmode and not pimcore_image("ContactImage").isEmpty() %}
  37.                 {{ pimcore_image("ContactImage").thumbnail('NewsTeaser').html | raw }}
  38.             {% endif %}
  39.             <div class="content">
  40.                 <p class="teaser-headline">
  41.                     {% if editmode %}
  42.                         {{ pimcore_input('position',{'placeholder':'Geschäftsleitung'}) }}
  43.                     {% elseif not editmode and not pimcore_input('position').isEmpty() %}
  44.                         {{ pimcore_input('position').getData() | u.truncate(50, '') }}
  45.                     {% endif %}
  46.                 </p>
  47.                 {% if editmode %}
  48.                     <p class="name">{{ pimcore_input('name',{'placeholder':'Felix Hodel'}) }}</p><br>
  49.                 {% elseif not editmode and not pimcore_input('name').isEmpty() %}
  50.                     <p class="name">{{ pimcore_input('name').getData() }}</p>
  51.                 {% endif %}
  52.                 <div class="links flex column gap-10">
  53.                     {% if editmode %}
  54.                         <p>{{ pimcore_input('tel',{'placeholder':'+41 79 211 63 14'}) }}</p><br>
  55.                     {% elseif not editmode and not pimcore_input('tel').isEmpty() %}
  56.                         <a href="tel:{{ pimcore_input('tel').getData() }}"><p>{{ pimcore_input('tel').getData() }}</p>
  57.                         </a>
  58.                     {% endif %}
  59.                     {% if editmode %}
  60.                         <p>{{ pimcore_input('mail',{'placeholder':'felix.hodel@hodelundpartner.ch'}) }}</p>
  61.                     {% elseif not editmode and not pimcore_input('mail').isEmpty() %}
  62.                         <a href="mailto:{{ pimcore_input('mail').getData() }}">
  63.                             <p>{{ pimcore_input('mail').getData() }}</p></a>
  64.                     {% endif %}
  65.                 </div>
  66.                 {% if editmode %}
  67.                     {{ pimcore_link('link') }}
  68.                 {% elseif not editmode and not pimcore_link('link').isEmpty() %}
  69.                     <button class="primary accent">
  70.                         <a href="{{ app.request.getSchemeAndHttpHost() }}{{ pimcore_link('link').getHref() }}"
  71.                            target="{{ pimcore_link('link').getTarget() }}">{{ pimcore_link('link').getText() }}
  72.                             <svg width="15.708" height="10.709" viewBox="0 0 15.708 10.709">
  73.                                 <g transform="translate(0 0.354)">
  74.                                     <g transform="translate(0)">
  75.                                         <path class="line" d="M7.5,18h15"
  76.                                               transform="translate(-7.5 -13)" fill="none"
  77.                                               stroke="#b76e2b" stroke-linejoin="round"
  78.                                               stroke-width="1"/>
  79.                                         <path class="arrow" d="M18,7.5l5.026,5L18,17.5"
  80.                                               transform="translate(-8.027 -7.5)" fill="none"
  81.                                               stroke="#b76e2b" stroke-width="1"/>
  82.                                     </g>
  83.                                 </g>
  84.                             </svg>
  85.                         </a>
  86.                     </button>
  87.                 {% endif %}
  88.             </div>
  89.         </div>
  90.     </div>
  91. </section>