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

Open in your IDE?
  1. {% if prefix is not defined %}
  2.     {% set prefix = null %}
  3. {% endif %}
  5. {% if editmode %}
  6.     <div class="editmode">
  7.         <div class="title">
  8.             Header
  9.         </div>
  10.         {% for i in pimcore_block(prefix ~ 'brick_slider_block').iterator %}
  11.             <div class="options">
  12.                 <label>
  13.                     Bild oder Video<br/>
  14.                     {{ pimcore_select(prefix ~ '_brick_slider_data_bg', {
  15.                         'store': [
  16.                             ['image', 'Bild'],
  17.                             ['video', 'Video'],
  18.                         ],
  19.                         'defaultValue' : 'image',
  20.                         'reload':true
  21.                     }) }}
  22.                 </label>
  23.                 <label>
  24.                     Textfarbe<br/>
  25.                     {{ pimcore_select(prefix ~ '_brick_slider_text_color', {
  26.                         'store': [
  27.                             ['light', 'Hell'],
  28.                             ['dark', 'Dunkel'],
  29.                         ],
  30.                         'defaultValue' : 'light'
  31.                     }) }}
  32.                 </label>
  33.                 <label>
  34.                     Textausrichtung<br/>
  35.                     {{ pimcore_select(prefix ~ '_brick_slider_text_align', {
  36.                         'store': [
  37.                             ['left', 'Links'],
  38.                             ['center', 'Zentriert'],
  39.                             ['right', 'Rechts'],
  40.                         ],
  41.                         'defaultValue' : 'center'
  42.                     }) }}
  43.                 </label>
  44.                 <label>
  45.                     {{ pimcore_checkbox(prefix ~'_brick_slider_bg_overlay') }}
  46.                     keine Abdunklung des Hintergrunds
  47.                 </label>
  48.             </div>
  49.             <div class="content">
  50.                 {% if pimcore_select(prefix ~ '_brick_slider_data_bg').getData() == 'image' %}
  51.                     {{ pimcore_image(prefix ~ '_brick_slider_image', {'width':600}) }}
  52.                 {% else %}
  53.                     {{ pimcore_video(prefix ~ '_brick_slider_video', {'width':600}) }}
  54.                 {% endif %}
  56.                 <h2>{{ pimcore_input(prefix ~ '_brick_slider_headline', {'placeholder':'Überschrift', 'width':600}) }}</h2>
  57.                 <p>{{ pimcore_wysiwyg(prefix ~ '_brick_slider_copy', {'placeholder':'Unterzeile', 'width':600}) }}</p>
  58.                 {{ pimcore_link(prefix ~ '_brick_slider_link') }}
  59.             </div>
  60.         {% endfor %}
  61.     </div>
  62. {% else %}
  63.     <!-- Inspiro Slider -->
  64.     <div id="slider" class="inspiro-slider slider-fullscreen dots-creative">
  65.         {% for i in pimcore_block(prefix ~ 'brick_slider_block').iterator %}
  66.             {% set bgData = pimcore_select(prefix ~ '_brick_slider_data_bg').getData() %}
  67.             {% if bgData == 'image' %}
  68.                 {% if pimcore_image(prefix ~ '_brick_slider_image').isEmpty() %}
  69.                     {% set bgDataSrc = '' %}
  70.                 {% else %}
  71.                     {% set bgDataSrc = pimcore_image(prefix ~ '_brick_slider_image').getSrc() %}
  72.                 {% endif %}
  73.             {% else %}
  74.                 {% if pimcore_video(prefix ~ '_brick_slider_video').isEmpty() %}
  75.                     {% set bgDataSrc = '' %}
  76.                 {% else %}
  77.                     {% set video = pimcore_video(prefix ~ '_brick_slider_video').getData() %}
  78.                     {% set bgDataSrc = video.path %}
  79.                 {% endif %}
  80.             {% endif %}
  81.             <!-- Slide  -->
  82.             <div class="slide " data-bg-{{ bgData }}="{{ bgDataSrc }}">
  83.                 {% if not pimcore_checkbox(prefix ~ '_brick_slider_bg_overlay').isChecked() %}
  84.                     <div class="bg-overlay"></div>
  85.                 {% endif %}
  86.                 <div class="container">
  87.                     <div
  88.                         class="slide-captions text-{{ pimcore_select(prefix ~ '_brick_slider_text_align').getData() }}
  89.                         text-{{ pimcore_select(prefix ~ '_brick_slider_text_color').getData() }}">
  90.                         <!-- Captions -->
  91.                         {% if not pimcore_input(prefix ~ '_brick_slider_headline').isEmpty() %}
  92.                             <h1>{{ pimcore_input(prefix ~ '_brick_slider_headline') }}</h1>
  93.                         {% endif %}
  94.                         {% if not pimcore_wysiwyg(prefix ~ '_brick_slider_copy').isEmpty() %}
  95.                             {{ pimcore_wysiwyg(prefix ~ '_brick_slider_copy') }}
  96.                         {% endif %}
  98.                         {% if not pimcore_link(prefix ~ '_brick_slider_link').isEmpty() %}
  99.                             {% set linkClass = pimcore_link(prefix ~ '_brick_slider_link').getClass() %}
  100.                             <a class="btn slider-btn {{ linkClass|default('scroll-to') }}"
  101.                                target="{{ pimcore_link(prefix ~ '_brick_slider_link').getTarget() }}"
  102.                                href="{{ pimcore_link(prefix ~ '_brick_slider_link').getHref() }}">
  103.                                 {{ pimcore_link(prefix ~ '_brick_slider_link').getText() }}
  104.                             </a>
  105.                         {% endif %}
  106.                         <!-- end: Captions -->
  107.                     </div>
  108.                 </div>
  109.             </div>
  110.         {% endfor %}
  111.         <!-- end: Slide  -->
  112.     </div>
  113.     <!--end: Inspiro Slider -->
  114. {% endif %}