src/Package/Openform/Front/Templates/_blocks_sections/_slides/_slide-s8.html.twig line 1

Open in your IDE?
  1. {% from '@openform_front_templates/_includes/_icons.html.twig' import arrowright %}
  2. <div class="block-slider__section__background" style="background: {{slide.section.sectionBackground|default('transparent') }}; {% if slide.section.sliderHeight is defined and slide.section.sliderHeight %}height: {{slide.section.sliderHeight}}vh; overflow: hidden;{% endif %}">
  3.     {% set item = slide.grupped.imageslider[0]|default(null) %}
  4.     {% if item %}
  5.         {% set img = item.imagePath %} {#iamge to rodzaj kadru#}
  6.         {% if img %}
  7.             {% if slide and slide.section and slide.section.sectionLink %}<a class="block-slider__bg-link" href="{{slide.section.sectionLink}}">{% endif %}
  8.             <img class="block-slider__section__bgimg"  style="{{item.textBlockPaddingTop or item.textBlockPaddingTop == 0 ? 'padding-top: ' ~ item.textBlockPaddingTop ~ 'px;'}} {{item.textBlockPaddingBottom or item.textBlockPaddingBottom == 0 ? 'padding-bottom: ' ~ item.textBlockPaddingBottom ~ 'px;'}} {{item.textBlockPaddingLeft or item.textBlockPaddingLeft == 0 ? 'padding-left: ' ~ item.textBlockPaddingLeft ~ 'px;'}} {{item.textBlockPaddingRight or item.textBlockPaddingRight == 0 ? 'padding-right: ' ~ item.textBlockPaddingRight ~ 'px;'}}" loading="lazy" src="{{asset(img)}}" alt="{{ item.Translation[app.request.locale].fileAlt }}" title="{{ item.Translation[app.request.locale].fileTitle }}">
  9.             {% if slide and slide.section and slide.section.sectionLink %}</a>{% endif %}
  10.         {% endif %}
  11.     {% endif %}
  12.     <div class="container block-slider__slide block-slider__slide--position-{{slide.section.sliderPosition}} block-slider--slide-{{slide.section.sliderKind}}" style="background: {{slide.section.sectionBackground|default('transparent') }}; {% if slide.section.sliderHeight is defined and slide.section.sliderHeight %}height: {{slide.section.sliderHeight}}vh; overflow: hidden;{% endif %}">
  13.         <div class="block-slider__section block-slider__section--content" style="width: {{slide.section.precentCollumn|default('39')}}%; background:{{slide.section.sliderBackground|default('#FEFFCF')}};">
  15.         
  16.             {% if slide.grupped.textbox|default(false) and slide.grupped.textbox is iterable  %}
  17.                 {% for item in slide.grupped.textbox|slice(0,6) %}
  18.                     {% if item.Translation[app.request.locale].link %}
  19.                     <a href="{{item.Translation[app.request.locale].link}}" class="slide-box" style="background:{{item.colorTextBackground|default('transparent')}}; {{item.textBlockPaddingTop or item.textBlockPaddingTop == 0 ? 'padding-top: ' ~ item.textBlockPaddingTop ~ 'px;'}} {{item.textBlockPaddingBottom or item.textBlockPaddingBottom == 0 ? 'padding-bottom: ' ~ item.textBlockPaddingBottom ~ 'px;'}} {{item.textBlockPaddingLeft or item.textBlockPaddingLeft == 0 ? 'padding-left: ' ~ item.textBlockPaddingLeft ~ 'px;'}} {{item.textBlockPaddingRight or item.textBlockPaddingRight == 0 ? 'padding-right: ' ~ item.textBlockPaddingRight ~ 'px;'}}" >
  20.                         <div class="slide-box__content">
  21.                             <div class="slide-box__title">
  22.                                 {{item.Translation[app.request.locale].title|nl2br}}
  23.                             </div>
  24.                             <div class="slide-box__text" >
  25.                                 {{item.Translation[app.request.locale].text|raw}}
  26.                             </div>
  27.                         </div>
  28.                         {% if item.Translation[app.request.locale].link and item.Translation[app.request.locale].buttonLabel %}
  29.                             <div class="block-text__btns">
  30.                                 <div class="block-text__btns__btn button-read-more button-read-more--black">
  31.                                     <span>{{item.Translation[app.request.locale].buttonLabel}}</span>
  32.                                     {{arrowright()}}
  33.                                 </div>
  34.                             </div>
  35.                         {% endif %}
  36.                     </a>
  37.                     {% else %}
  38.                     <div class="slide-box" style="background:{{item.colorTextBackground|default('transparent')}}; {{item.textBlockPaddingTop or item.textBlockPaddingTop == 0 ? 'padding-top: ' ~ item.textBlockPaddingTop ~ 'px;'}} {{item.textBlockPaddingBottom or item.textBlockPaddingBottom == 0 ? 'padding-bottom: ' ~ item.textBlockPaddingBottom ~ 'px;'}} {{item.textBlockPaddingLeft or item.textBlockPaddingLeft == 0 ? 'padding-left: ' ~ item.textBlockPaddingLeft ~ 'px;'}} {{item.textBlockPaddingRight or item.textBlockPaddingRight == 0 ? 'padding-right: ' ~ item.textBlockPaddingRight ~ 'px;'}}" >
  39.                         <div class="slide-box__content">
  40.                             <div class="slide-box__title">
  41.                                 {{item.Translation[app.request.locale].title|nl2br}}
  42.                             </div>
  43.                             <div class="slide-box__text" >
  44.                                 {{item.Translation[app.request.locale].text|raw}}
  45.                             </div>
  46.                         </div>
  47.                         
  48.                     </div>
  49.                     {% endif %}
  50.                 {% endfor %}
  51.             {% endif %}
  52.            
  53.             
  54.             
  55.           
  56.             
  57.             
  58.         </div>
  59.         <div class="block-slider__section" style="width: calc(100% - {{slide.section.precentCollumn|default('39')}}%);">
  60.             {% set item = slide.grupped.imageslider[0]|default(null) %}
  61.             {% if item %}
  62.                 {% if slide and slide.section and slide.section.sectionLink %}<a class="block-slider__bg-link" href="{{slide.section.sectionLink}}">{% endif %}
  63.                 {% if slide and slide.section and slide.section.sectionLink %}</a>{% endif %}
  64.             {% endif %}
  65.                 {% set item = slide.grupped.imagelogo[0]|default(null) %}
  66.                 {% if item %}
  67.                     {# {% set img = openform_front_util.getImagePathByType(item.Thumb ?? '','logo') %} #}
  68.                     {% set img = item.imagePath %}
  69.                     {% if img and item.Translation[app.request.locale].link %}
  70.                             <a href="{{item.Translation[app.request.locale].link}}" class="block-slider__section__logo" style="{{item.textBlockPaddingTop or item.textBlockPaddingTop == 0 ? 'padding-top: ' ~ item.textBlockPaddingTop ~ 'px;'}} {{item.textBlockPaddingBottom or item.textBlockPaddingBottom == 0 ? 'padding-bottom: ' ~ item.textBlockPaddingBottom ~ 'px;'}} {{item.textBlockPaddingLeft or item.textBlockPaddingLeft == 0 ? 'padding-left: ' ~ item.textBlockPaddingLeft ~ 'px;'}} {{item.textBlockPaddingRight or item.textBlockPaddingRight == 0 ? 'padding-right: ' ~ item.textBlockPaddingRight ~ 'px;'}}">
  71.                                 <img loading="lazy" src="{{asset(img)}}" alt="{{ item.Translation[app.request.locale].fileAlt }}">
  72.                                 {% if item.Translation[app.request.locale].fileTitle %}
  73.                                     <span>{{ item.Translation[app.request.locale].fileTitle }}</span>
  74.                                 {% endif %}
  75.                             </a>
  76.                         {% elseif img %}
  77.                             <div class="block-slider__section__logo"  style="{{item.textBlockPaddingTop or item.textBlockPaddingTop == 0 ? 'padding-top: ' ~ item.textBlockPaddingTop ~ 'px;'}} {{item.textBlockPaddingBottom or item.textBlockPaddingBottom == 0 ? 'padding-bottom: ' ~ item.textBlockPaddingBottom ~ 'px;'}} {{item.textBlockPaddingLeft or item.textBlockPaddingLeft == 0 ? 'padding-left: ' ~ item.textBlockPaddingLeft ~ 'px;'}} {{item.textBlockPaddingRight or item.textBlockPaddingRight == 0 ? 'padding-right: ' ~ item.textBlockPaddingRight ~ 'px;'}}">>
  78.                                 <img loading="lazy" src="{{asset(img)}}" alt="{{ item.Translation[app.request.locale].fileAlt }}">
  79.                                 {% if item.Translation[app.request.locale].fileTitle %}
  80.                                     <span>{{ item.Translation[app.request.locale].fileTitle }}</span>
  81.                                 {% endif %}
  82.                             </div>
  83.                         {% endif %}
  84.                 {% endif %}
  85.                 {% if slide.grupped.titleslider[0]|default(null) or slide.grupped.btncta[0]|default(null) %}
  86.                 
  87.                 <div class="block-slider__section__img-content" style="background: {{item.colorTitleBackground|default('#F5DB7B') }}">
  88.                     {% set item = slide.grupped.titleslider[0]|default(null) %}
  89.                     {% if item %}
  90.                         <div style="color:{{item.colorTitle|default('#231F17')}};background:{{item.colorTitleBackground|default('transparent')}}; {{item.textBlockPaddingTop or item.textBlockPaddingTop == 0 ? 'padding-top: ' ~ item.textBlockPaddingTop ~ 'px;'}} {{item.textBlockPaddingBottom or item.textBlockPaddingBottom == 0 ? 'padding-bottom: ' ~ item.textBlockPaddingBottom ~ 'px;'}} {{item.textBlockPaddingLeft or item.textBlockPaddingLeft == 0 ? 'padding-left: ' ~ item.textBlockPaddingLeft ~ 'px;'}} {{item.textBlockPaddingRight or item.textBlockPaddingRight == 0 ? 'padding-right: ' ~ item.textBlockPaddingRight ~ 'px;'}}" class="block-slider__section__title">{{item.Translation[app.request.locale].title|raw}}</div>
  91.                     {% endif %}
  92.                     {% set item = slide.grupped.btncta[0]|default(null) %}
  93.                     {% if item %}
  94.                         
  95.                         <a href="{{item.Translation[app.request.locale].link}}" class="block-slider__section__btn block-slider__section__btn--cta" style="color:{{item.colorTitle|default('#FFFFFF')}};background:{{item.colorTitleBackground|default('#231F17')}}; {{item.textBlockPaddingTop or item.textBlockPaddingTop == 0 ? 'padding-top: ' ~ item.textBlockPaddingTop ~ 'px;'}} {{item.textBlockPaddingBottom or item.textBlockPaddingBottom == 0 ? 'padding-bottom: ' ~ item.textBlockPaddingBottom ~ 'px;'}} {{item.textBlockPaddingLeft or item.textBlockPaddingLeft == 0 ? 'padding-left: ' ~ item.textBlockPaddingLeft ~ 'px;'}} {{item.textBlockPaddingRight or item.textBlockPaddingRight == 0 ? 'padding-right: ' ~ item.textBlockPaddingRight ~ 'px;'}}" ><span>{{item.Translation[app.request.locale].buttonLabel}}</span></a>
  96.                     {% endif %}
  97.                 </div>
  98.                 {% endif %}
  99.         </div>
  100.     </div>
  101. </div>