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

Open in your IDE?
  1. <div class="row image-text-teaser">
  2.     {% if editmode %}
  3.         <div class="switch-position-admin">
  4.             <div class="d-flex align-items-center">
  5.                 <p class="mr-2 mr-lg-2 mr-md-2">Switch position</p>
  6.                 {{ pimcore_select("selectSide", {
  7.                     "store": [
  8.                         ["left", "Left"],
  9.                         ["right", "Right"]
  10.                     ],
  11.                     "reload": true
  12.                 }) }}
  13.             </div>
  15.         </div>
  16.     {% endif %}
  18.     <div class="col-lg-6 col-md-6 image-text-teaser--left bg-primary {{ pimcore_select('selectSide').getData() == 'right' ? 'order-2' : '' }}">
  19.         {% if editmode %}
  20.             {{ pimcore_image('ourCompanyImage-1') }}
  21.         {% else %}
  22.             <img src="{{ pimcore_image('ourCompanyImage-1').getThumbnail('Stoelting_image_teaser') }}"
  23.                 alt="{{ pimcore_image('ourCompanyImage-1').getAlt() }}"
  24.                 style="object-fit: contain;" >
  25.         {% endif %}
  26.     </div>
  27.     <div class="col-lg-6 col-md-6 image-text-teaser--right bg-navyBlue p-5 p-lg-5 p-md-5 pl-7 pl-lg-7 pl-md-7
  28.         {{ pimcore_select('selectSide').getData() == 'right' ? 'd-flex justify-content-end' : '' }}"
  29.     >
  30.         <div class="image-text-teaser--right-content {{ pimcore_select('selectSide').getData() == 'right' ? 'mr-0 mr-md-4 mr-lg-4' : '' }}">
  31.             <h3>
  32.                 {{ pimcore_input('heading-1',{
  33.                     "placeholder": "Heading"
  34.                 }) }}
  35.             </h3>
  37.             {{ pimcore_wysiwyg('content-1',{
  38.                 "placeholder": "Content"
  39.             }) }}
  42.         </div>
  43.     </div>
  44. </div>