templates/areas/text-image/view.html.twig line 1

Open in your IDE?
  1. <section class="image-text text-image">
  2.     <div class="text {{ pimcore_select("background").getData() }}">
  3.         <div class="wrapper">
  4.             {% if editmode %}
  5.                 {{ pimcore_select("background", {
  6.                     "store": [
  7.                         ["white", "Weiss"],
  8.                         ["gray", "Grau"]
  9.                     ],
  10.                     "defaultValue" : "gray"
  11.                 }) }}
  12.             {% endif %}
  13.             {% if editmode %}
  14.                 <h2 class="teaser-headline">
  15.                 {{ pimcore_textarea("headline",{
  16.                         "nl2br": true,
  17.                         "height": 100,
  18.                         "placeholder": "HAUPT ÜBERSCHRIFT FÜR DIESE AREA"
  19.                     }) }}
  20.                 </h2>
  21.             {% elseif not editmode and not pimcore_textarea('headline').isEmpty() %}
  22.                 <h2 class="teaser-headline">
  23.                     {{ pimcore_textarea('headline').getData() | nl2br }}
  24.                 </h2>
  25.             {% endif %}
  27.             {% if editmode %}
  28.                 {{ pimcore_wysiwyg('Content', {
  29.                     height: 150,
  30.                     customConfig: '/assets/js/editmode/config.js'
  31.                 }) }}
  32.             {% elseif not pimcore_wysiwyg('Content').isEmpty() %}
  33.                 {{ pimcore_wysiwyg('Content').getData() | raw }}
  34.             {% endif %}
  36.             {% if editmode %}
  37.                 <div style="margin-top: 30px;"></div>
  38.                 {{ pimcore_link('teaserLink', {'class': ""}) }}
  39.             {% elseif not editmode and not pimcore_link('teaserLink').isEmpty() %}
  40.                 <div class="buttons-row">
  41.                     <button class="primary positiv link {{ pimcore_select("background").getData() }}">
  42.                         <a class="flex" href="{{ pimcore_link('teaserLink').getHref() }}" target="{{ pimcore_link('teaserLink').getTarget() }}">
  43.                             <span>
  44.                                 {{ pimcore_link('teaserLink').getText() }}
  45.                                 <svg width="14.526" height="12.142" viewBox="0 0 14.526 12.142">
  46.                                   <g transform="translate(-390.5 -843.397)">
  47.                                     <path d="M350,849.527h13.466" transform="translate(40.5 -0.053)" fill="none" stroke="#000" stroke-width="1.5"/>
  48.                                     <path d="M357.615,843.928l5.541,5.541-5.541,5.541" transform="translate(40.81)" fill="none" stroke="#000" stroke-width="1.5"/>
  49.                                   </g>
  50.                                 </svg>
  51.                             </span>
  52.                         </a>
  53.                     </button>
  54.                 </div>
  55.             {% endif %}
  56.         </div>
  57.     </div>
  58.     <div class="image">
  59.         {% if editmode %}
  60.             <div style="width: 400px;">
  61.                 {{ pimcore_relation("imageRelation",{
  62.                     "types": ["asset"],
  63.                     "subtypes": {
  64.                         "asset": ["image"]
  65.                     }
  66.                 }) }}
  67.             </div>
  68.         {% elseif not editmode and not pimcore_relation("imageRelation").isEmpty() %}
  69.             {{ pimcore_relation("imageRelation").getElement().getThumbnail('ImageTextTeaser').html | raw }}
  70.         {% endif %}
  71.     </div>
  72. </section>