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

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