src/CoreBundle/Resources/views/Areas/TeaserSimpleImageHeadline/view.html.twig line 1

Open in your IDE?
  1. {% set spacingSelect %}
  2.     {{ pimcore_checkbox("checkSpacing", {
  3.         "reload": true
  4.     }) }}
  5. {% endset %}
  6. {% set noSpacingTop = '' %}
  7. {% set brickAnchorId = '' %}
  8. {% if pimcore_checkbox('checkSpacing').isChecked() %}
  9.     {% set noSpacingTop = 'no-offset-top' %}
  10. {% endif %}
  11. {% set UID = uniqid() %}
  12. {% if pimcore_input("brickAnchorIdInput") is not empty %}
  13.     {% set brickAnchorId = pimcore_input("brickAnchorIdInput")|lowercase %}
  14. {% endif %}
  15. {% set hasSliderSelect %}
  16.     {{ pimcore_select("hasSlider", {
  17.         "store": [
  18.         ["has-slider", "Slider"],
  19.         ["no-slider", "Listenansicht"]
  20.         ],
  21.         "width": 300,
  22.         "reload": true
  23.     }) }}
  24. {% endset %}
  25. {% set colSelect %}
  26.     {{ pimcore_select("cols", {
  27.         "store": [
  28.         ["xs-12 full", "1"],
  29.         ["xs-12 m-6 half", "2"],
  30.         ["xs-12 m-6 l-4 one-third", "3"]
  31.         ],
  32.         "width": 300,
  33.         "reload": true
  34.     }) }}
  35. {% endset %}
  37. {% set colsSelectResult = pimcore_select("cols").getData() %}
  38. {% if editmode %}
  39.     <div class="flex-col offset-bottom-single">
  40.         <div class="col xs-12 m-6 l-3">
  41.             <span class="hint">{{ 'ID für Anchorlinks vergeben' |trans }}</span>
  42.             {{ pimcore_input("brickAnchorIdInput") }}
  43.         </div>
  44.         <div class="col xs-12 m-6 l-3">
  45.             <div class="select-items">
  46.                 <div class="hint">
  47.                     {{ 'Kein Abstand nach oben?' |trans }}
  48.                 </div>
  49.                 {{ spacingSelect }}
  50.             </div>
  51.         </div>
  52.     </div>
  53.     <div class="flex-col offset-bottom-single">
  54.         <div class="col xs-12 m-6 l-3">
  55.             <span class="hint">{{ 'Teaser Content Breite:' |trans }}</span>
  56.             {{ colSelect }}
  57.         </div>
  58.         <div class="col xs-12 m-6 l-3">
  59.             <span class="hint">{{ ' Darstellungsart:' |trans }}</span>
  60.             {{ hasSliderSelect }}
  61.         </div>
  62.     </div>
  63. {% endif %}
  64. {% if editmode %}
  65. <div class="admin teaser-panel-row">
  66.     {% endif %}
  67.     <div id="{{ brickAnchorId }}" class="section {{ noSpacingTop }}">
  68.         <div class="panel {% if colsSelectResult == 'xs-12 m-6 half' %}half{% elseif colsSelectResult == 'xs-12 full' %}full{% else %}one-third{% endif %}">
  69.             <div class="main-content">
  70.                 <div class="flex-col">
  71.                     {% for i in pimcore_iterate_block(pimcore_block('contentblock')) %}
  72.                         <div class="col {{ colsSelectResult }}">
  73.                             <div class="teaser simple-image-headline">
  74.                                 <div class="teaser-content">
  75.                                     {% if editmode %}
  76.                                         <div class="hint">
  77.                                             {{ 'Bild verlinken?' |trans }}
  78.                                         </div>
  79.                                         {{ pimcore_link('teaserLink') }}
  80.                                     {% endif %}
  81.                                     {% if pimcore_link("teaserLink") is not empty %}
  82.                                     <a href="{{ pimcore_link("teaserLink").getHref() }}" target="{{ pimcore_link("teaserLink").getTarget() }}">
  83.                                         {% endif %}
  84.                                         <div class="image">
  85.                                             {{ pimcore_image("teaserImage", {
  86.                                                 "title": "Drag your image here",
  87.                                                 "thumbnail": "teaserImageFullWidth" ~ bundleName,
  88.                                                 "width": 300
  89.                                             }) }}
  90.                                         </div>
  91.                                         {% if pimcore_link("teaserLink") is not empty %}
  92.                                     </a>
  93.                                     {% endif %}
  94.                                     {% if pimcore_input("teaserHeadline") is not empty %}
  95.                                         <div class="title-box">
  96.                                             <h4>
  97.                                                 {{ pimcore_input("teaserHeadline", {'placeholder': 'Headline'})|trademark }}
  98.                                             </h4>
  99.                                         </div>
  100.                                     {% endif %}
  101.                                 </div>
  102.                             </div>
  103.                         </div>
  104.                     {% endfor %}
  105.                 </div>
  106.             </div>
  107.         </div>
  108.     </div>
  109.     {% if editmode %}
  110. </div>
  111. {% endif %}