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

Open in your IDE?
  1. {% if editmode %}
  2.   <div class="pim-tooltip">
  3.     <div class="container">
  4.       <div class="row">
  5.         <div class="col-6">
  6.           <div class="tooltip-description">
  7.             Bildausrichtung:
  8.           </div>
  9.           <div class="tooltipp-options">
  10.             {{ pimcore_select("set-align", {
  11.                 "store" : [  
  12.                     ['text-start', 'links'],
  13.                     ['text-center', 'zentriert'],
  14.                     ['text-end', 'rechts']
  15.                 ],
  16.                 "defaultValue" : "",
  17.                 "reload" : true
  18.             }) }}
  19.           </div>
  20.         </div>
  21.         <div class="col-6">
  22.           <div class="tooltip-description">
  23.             Bildbreite:
  24.           </div>
  25.           <div class="tooltipp-options">
  26.             {{ pimcore_select("set-width", {
  27.                 "store" : [  
  28.                     ['w-100', '100%'],
  29.                     ['w-75', '75%'],
  30.                     ['w-50', '50%']
  31.                 ],
  32.                 "defaultValue" : "",
  33.                 "reload" : true
  34.             }) }}
  35.           </div>
  36.         </div>
  37.       </div>
  38.     </div>
  39.   </div>
  40.   <div>
  41.     {{ pimcore_image('image_simple') }}
  42.   </div>
  43.   <div>
  44.     <p>Verlinkung bei Mausklick:</p>
  45.     {{ pimcore_link('image_link') }}
  46.   </div>  
  47. {% else %}
  48.   {% if not pimcore_image('image_simple').isEmpty() %}
  49.     <div class="{{ pimcore_select('set-align').getData }} {{ pimcore_select('set-width').getData }}">
  50.       {% if pimcore_link('image_link').getHref != '' %}<a href="{{ pimcore_link('image_link').getHref }}" target="{{ pimcore_link('image_link').getTarget }}">{% endif %}
  51.         {{ pimcore_image('image_simple') }}
  52.       {% if pimcore_link('image_link').getHref != '' %}</a>{% endif %}
  53.       {% if pimcore_link('image_link').getHref != '' and pimcore_link('image_link').getText != '' %}
  54.       <div class="{{ pimcore_select('set-align').getData }}" style="padding: 2rem 0;">
  55.         <a class="btn btn-outline" href="{{ pimcore_link('image_link').getHref }}" target="{{ pimcore_link('image_link').getTarget }}">{{ pimcore_link('image_link').getText }}</a>
  56.       </div>
  57.       {% endif %}
  58.     </div>
  59.     <br />
  60.   {% endif %}
  61. {% endif %}