src/Package/Openform/Front/Templates/RelictPack/_templates/template-o7.html.twig line 1

Open in your IDE?
  1. {% from '@openform_front_templates/_includes/_icons.html.twig' import fullscreen, zoomin, zoomout, sliderprev, slidernext, arrowright, copyrights, info, infoClose %}
  2. {% set ImageSlides = entity.ImageSlide|filterVisibles(app.request.locale) %}
  4. {% set key4 = 0 %}
  5. {% set height = entity.lineHeightBottom1 and entity.lineHeightTop2 ? 100 - entity.lineHeightBottom1 - entity.lineHeightTop2 : (entity.lineHeightBottom1 == null or entity.lineHeightBottom1 is same as(0)) and entity.lineHeightTop2 ? 94 - entity.lineHeightTop2 : entity.lineHeightBottom1 and (entity.lineHeightTop2 == null or entity.lineHeightTop2 is same as(0)) ? 94 - entity.lineHeightBottom1 : entity.lineHeightBottom1 is same as(0) and  entity.lineHeightTop2 is same as(0) ? 100 : 86 %}
  6. <style>
  7.   .collections__wrapper:nth-child(1)::after{
  8.     height: {{entity.lineHeightBottom1 is same as(0) ? 0 : entity.lineHeightBottom1 ? entity.lineHeightBottom1 : 6 }}% !important;  
  9.     background-color: {{entity.lineColorBottom1|default('#F6E9B5') }};
  10.   }
  11.   .collections__wrapper:nth-child(1)::before{
  12.     height: {{entity.lineHeightTop2 is same as(0) ? 0 : entity.lineHeightTop2 ? entity.lineHeightTop2 : 6 }}% !important; 
  13.     background-color: {{entity.lineColorTop2|default('#F6E9B5') }};
  14.   }
  15.   
  16. </style>
  17. <div style="{% if not entity.showHeader %}height:100vh; {% elseif rootParent is defined and rootParent.headerHeight is defined and rootParent.headerHeight %}height: calc(100vh - {{rootParent.headerHeight}}px);{% else %} height: calc( 100vh - 90px );{% endif %} display:flex; background: {{entity.imageBackgroundColor|default('#F8F7F0') }};">
  18.     <div class="collections__line" style="height: 92%; margin: auto 0; width: {{entity.lineWidthVertical1 is same as(0) ? 0 : entity.lineWidthVertical1 ? entity.lineWidthVertical1 : 1 }}%; background: {{entity.lineColorVertical1|default('#F6E9B5') }};"></div>
  19.     <div class="collections__container" style="width: {{entity.lineWidthVertical1 and entity.lineWidthVertical2 ? 100 - entity.lineWidthVertical1 - entity.lineWidthVertical2 : entity.lineWidthVertical1 and entity.lineWidthVertical2 == null ? 99 - entity.lineWidthVertical1 : entity.lineWidthVertical1 == null and entity.lineWidthVertical2 ? 99 - entity.lineWidthVertical2 : 98}}%; height: {{entity.lineHeightTop1 and entity.lineHeightBottom2 ? 90 - entity.lineHeightTop1 - entity.lineHeightBottom2 : entity.lineHeightTop1 and entity.lineHeightBottom2 == null ? 90 - entity.lineHeightTop1 : entity.lineHeightTop1 == null and entity.lineHeightBottom2 ? 90 - entity.lineHeightBottom2 : 90}}%;">
  20.         <div class="collections__container__wrapper">
  21.             <div class="collections__wrapper" style="width: {{entity.textAreaWidth|default('47') }}%; height:100%; {{entity.lineHeightBottom1 is same as(0) ? 'padding-bottom: 0;'}} {{entity.lineHeightTop2 is same as(0) ? 'padding-top: 0;'}}" data-lenis-prevent>
  22.                 <div class="collections__content" style="background: {{entity.background|default('#F5DB7B') }}; height: {{height}}%;">
  23.                     {% if entity.Translation[app.request.locale].titleHtml is defined and entity.Translation[app.request.locale].titleHtml %}
  24.                         <div class="collections__content__title block__h3">
  25.                             {{ entity.Translation[app.request.locale].titleHtml|raw }}
  26.                         </div>
  27.                     {% endif %}
  28.                     {% if entity.Translation[app.request.locale].attributesText is defined and entity.Translation[app.request.locale].attributesText %}
  29.                         <div class="collections__content__text block__text">
  30.                             {{ entity.Translation[app.request.locale].attributesText|raw }}
  31.                         </div>
  32.                     {% endif %}
  33.                     {% if entity.link is defined and entity.link %}
  34.                             <a href="{{entity.link}}" class="block-text__btns__btn button-read-more button-read-more--black">
  35.                                 <span>{{('T_RELICT_LINK')|trans({}, 'openform_front', app.request.locale)}}</span>
  36.                                 {{arrowright()}}
  37.                             </a>
  38.                     {% endif %}
  39.                     {% if entity.Translation[app.request.locale].text is defined and entity.Translation[app.request.locale].text %}
  40.                         <div class="collections__content__text block__text">
  41.                             {{ entity.Translation[app.request.locale].text|raw }}
  42.                         </div>
  43.                     {% endif %}
  44.                     {% if entity.Translation[app.request.locale].description is defined and entity.Translation[app.request.locale].description %}
  45.                         <div class="collections__content__text block__text">
  46.                             {{ entity.Translation[app.request.locale].description }}
  47.                         </div>
  48.                     {% endif %} 
  49.                     
  50.                     
  51.                 </div>
  52.             </div> 
  54.             <div class="collections__wrapper" style="width: {{entity.textAreaWidth ? 100 - entity.textAreaWidth : 53 }}%;">
  55.             {% if ImageSlides|length > 0 %}
  57.                 <div class="js-collection-gallery-standard" style="height: 100%;">
  58.                     <div class="splide js-collections-gallery-o8 collection-gallery" aria-label="Galeria" style="height: 100%;">
  59.                         <div class="splide__track">
  60.                             <ul class="splide__list" style="height: 100%;">
  61.                                 {% for image in ImageSlides %}
  62.                                         {% set key4 = key4 + 1 %}
  63.                                         {% set img = openform_front_util.getImagePathByType(image.Thumb ?? '','original') %}
  64.                                         {# {% set img = openform_front_util.getImagePathByType(image.Thumb ?? '','template8') %}
  65.                                         {% set imgPagination = openform_front_util.getImagePathByType(image.Thumb ?? '','list') %} #}
  66.                                         <li class="splide__slide" style="height: 100%;">
  67.                                             <div class="js-zoom" data-alt="{{image.Translation[app.request.locale].alt}}" style="height: 100%; display:flex; justify-content: center; align-items: center;">
  68.                                                 <div class="collection-gallery__item" style="{{image.imageWidth ? 'width:' ~ image.imageWidth ~ '%;' : 'width: 100%;'}}
  69.                                                 {{image.imageHeight ? 'height:' ~ image.imageHeight ~ '%;' : 'height: 100%;'}}
  70.                                                 {{image.imageWidth ? 'max-width:' ~ image.imageWidth ~ '%;' : 'max-width: 100%;'}}
  71.                                                 {{image.imageHeight ? 'max-height:' ~ image.imageHeight ~ '%;' : 'max-height: 100%;'}}
  72.                                                  ">
  73.                                                                 <style>
  74.                                                                     .my-zoomist-{{key4 - 1}} img{
  75.                                             collections__wrapper                            {% if image.imageBorderColor and image.imageBorderWidth %}border: {{image.imageBorderColor}} solid {{image.imageBorderWidth}}px;{% endif %}"
  76.                                                                     }
  77.                                                                     .my-zoomist-{{key4 - 1}} .zoomist-wrapper{
  78.                                                                         background:{{image.imageBackgroundColor ? image.imageBackgroundColor : entity.imageBackgroundColor ? entity.imageBackgroundColor : '#F8F7F0' }};
  79.                                                                     }
  80.                                                                 </style>
  81.                                                     <div class="my-zoomist my-zoomist-{{key4 - 1}}" data-zoomist-src="{{img}}"></div>
  82.                                                 </div>
  83.                                                 
  84.                                                 <div class="collection-gallery__wrap">
  85.                                                     <div class="collection-gallery__content block__text">
  86.                                                     </div>
  87.                                                     <style>
  88.                                                             .collection-gallery-buttons{{image.id}}{
  89.                                                                 {% if not image.Translation[app.request.locale].copyrights %}
  90.                                                                     .object__info--info::before {
  91.                                                                         left: 0px;
  92.                                                                     }
  93.                                                                 {% endif %}
  94.                                                             }
  95.                                                     </style>
  96.                                                     <div class="collection-gallery__buttons collection-gallery-buttons{{image.id}}">
  97.                                                         {% if image.Translation[app.request.locale].text is defined and image.Translation[app.request.locale].text %}
  98.                                                             <div class="object__info-wrap">
  99.                                                                 <button class="collection-gallery__buttons__btn" type="button" aria-expanded="false" data-expanded="js-info-{{image.id}}" tabindex="0">{{info(('T_INFO')|trans({}, 'openform_front', app.request.locale))}}</button>
  100.                                                                 <div class="object__info object__info--info js-info-{{image.id}}" data-lenis-prevent>
  101.                                                                     <div class="object__info__text block__text">{{image.Translation[app.request.locale].text|raw}}</div>
  102.                                                                     <button class="object__info__close js-expanded-close" type="button">{{infoClose()}}</button>
  103.                                                                 </div>
  104.                                                             </div>
  105.                                                         {% endif %}
  106.                                                         {% if image.Translation[app.request.locale].copyrights %}
  107.                                                             <div class="object__info-wrap">
  108.                                                                 <button class="collection-gallery__buttons__btn" type="button" aria-expanded="false" data-expanded="js-copyright-{{image.id}}" tabindex="0">{{copyrights(('T_INFO')|trans({}, 'openform_front', app.request.locale))}}</button>
  109.                                                                 <div class="object__info object__info--copyright js-copyright-{{image.id}}" data-lenis-prevent>
  110.                                                                     <div class="object__info__text block__text">{{image.Translation[app.request.locale].copyrights|raw}}</div>
  111.                                                                     <button class="object__info__close js-expanded-close" type="button">{{infoClose()}}</button>
  112.                                                                 </div>
  113.                                                             </div>
  114.                                                         {% endif %}
  115.                                                         <button class="collection-gallery__buttons__btn js-fullscreen" data-alt="{{image.Translation[app.request.locale].alt}}" tabindex="0" data-color="{{image.imageBackgroundColor is defined and image.imageBackgroundColor ? image.imageBackgroundColor }}"
  116.                                                         data-image="{{img}}"
  117.                                                         data-description="{{image.Translation[app.request.locale].text}}"
  118.                                                         data-copyrights="{{image.Translation[app.request.locale].copyrights}}"
  119.                                                         data-start="{{key4 - 1}}"
  120.                                                         data-imagestyle="{% if image.imageBorderColor and image.imageBorderWidth %}border: {{image.imageBorderColor}} solid {{image.imageBorderWidth}}px;{% endif %}"
  121.                                                         >
  122.                                                             {{fullscreen(('T_FULLSCREEN')|trans({}, 'openform_front', app.request.locale))}}
  123.                                                         </button>
  124.                                                         <button class="collection-gallery__buttons__btn js-zoom-out">{{zoomout(('T_ZOOMOUT')|trans({}, 'openform_front', app.request.locale))}}</button>
  125.                                                         <button class="collection-gallery__buttons__btn js-zoom-in">{{zoomin(('T_ZOOMIN')|trans({}, 'openform_front', app.request.locale))}}</button>
  126.                                                     </div>
  127.                                                 </div>
  128.                                             </div>
  129.                                         </li>   
  130.                                 {% endfor %}                               
  131.                             </ul>
  133.                             <div class="splide__arrows{{ ImageSlides|length < 2 ? ' hide' }}">
  134.                                 <div class="slider-nav collection-gallery__nav collection-gallery__nav--o8">
  135.                                     <button class="splide__arrow splide__arrow--prev slider-nav__btn slider-nav__btn--prev" disabled>
  136.                                         {{ sliderprev('PREV_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}
  137.                                     </button>
  138.                                     <ul class="splide__pagination collection-gallery__pagination"></ul>
  139.                                     <button class="splide__arrow splide__arrow--next slider-nav__btn slider-nav__btn--next">
  140.                                         {{ slidernext('NEXT_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}
  141.                                     </button>
  142.                                 </div>
  143.                             </div>
  144.                         </div>
  145.                     </div>
  146.                 </div> 
  147.                 {% endif %}
  149.             </div>
  150.         </div>
  152.         <div class="collections__container__wrapper">
  153.         {% if entity2 is defined %}
  154.             {% set ImageSlides2 = entity2.ImageSlide|filterVisibles(app.request.locale) %}
  155.             <div class="collections__wrapper" style="width: {{entity.textAreaWidth|default('47') }}%;" data-lenis-prevent>
  156.                 <div class="collections__content" style="background: {{entity.background|default('#F5DB7B') }}; height: {{height}}%;">
  157.                     {% if entity2.Translation[app.request.locale].titleHtml is defined and entity2.Translation[app.request.locale].titleHtml %}
  158.                         <div class="collections__content__title block__h3">
  159.                             {{ entity2.Translation[app.request.locale].titleHtml|raw }}
  160.                         </div>
  161.                     {% endif %}
  162.                     {% if entity2.Translation[app.request.locale].attributesText is defined and entity2.Translation[app.request.locale].attributesText %}
  163.                         <div class="collections__content__text block__text">
  164.                             {{ entity2.Translation[app.request.locale].attributesText|raw }}
  165.                         </div>
  166.                     {% endif %}
  167.                     {% if entity2.link is defined and entity2.link %}
  168.                             <a href="{{entity2.link}}" class="block-text__btns__btn button-read-more button-read-more--black">
  169.                                 <span>{{('T_RELICT_LINK')|trans({}, 'openform_front', app.request.locale)}}</span>
  170.                                 {{arrowright()}}
  171.                             </a>
  172.                     {% endif %}
  173.                     {% if entity2.Translation[app.request.locale].text is defined and entity2.Translation[app.request.locale].text %}
  174.                         <div class="collections__content__text block__text">
  175.                             {{ entity2.Translation[app.request.locale].text|raw }}
  176.                         </div>
  177.                     {% endif %}
  178.                     {% if entity2.Translation[app.request.locale].description is defined and entity2.Translation[app.request.locale].description %}
  179.                         <div class="collections__content__text block__text">
  180.                             {{ entity2.Translation[app.request.locale].description|raw }}
  181.                         </div>
  182.                     {% endif %} 
  183.                     
  184.                     
  185.                 </div>
  186.             </div> 
  188.             <div class="collections__wrapper" style="width: {{entity.textAreaWidth ? 100 - entity.textAreaWidth : 53 }}%;">
  189.             {% if ImageSlides2|length > 0 %}
  191.                 <div class="js-collection-gallery-standard" style="height: 100%;">
  192.                     <div class="splide js-collections-gallery-o8 collection-gallery collection-gallery--o8" style="height: 100%;">
  193.                         <div class="splide__track">
  194.                             <ul class="splide__list" style="height: 100%;">
  195.                             {% set key3 = 0 %}
  196.                                 {% for image in ImageSlides2 %}
  197.                                     {% set img = openform_front_util.getImagePathByType(image.Thumb ?? '','original') %}
  198.                                     {# {% set img = openform_front_util.getImagePathByType(image.Thumb ?? '','template8') %}
  199.                                     {% set imgPagination = openform_front_util.getImagePathByType(image.Thumb ?? '','list') %} #}
  200.                                     {% set key3 = key3 + 1 %}
  201.                                         <li class="splide__slide" style="height: 100%;">
  202.                                             <div class="js-zoom" data-alt="{{image.Translation[app.request.locale].alt}}" style="height: 100%; display:flex; justify-content: center; align-items: center;">
  203.                                                 <div class="collection-gallery__item" style="{{image.imageWidth ? 'width:' ~ image.imageWidth ~ '%;' : 'width: 100%;'}}
  204.                                                 {{image.imageHeight ? 'height:' ~ image.imageHeight ~ '%;' : 'height: 100%;'}}
  205.                                                 {{image.imageWidth ? 'max-width:' ~ image.imageWidth ~ '%;' : 'max-width: 100%;'}}
  206.                                                 {{image.imageHeight ? 'max-height:' ~ image.imageHeight ~ '%;' : 'max-height: 100%;'}}
  207.                                                  ">
  208.                                                     <style>
  209.                                                                     .my-zoomist-{{key3 + key4 - 1}} img{
  210.                                                                         {% if image.imageBorderColor and image.imageBorderWidth %}border: {{image.imageBorderColor}} solid {{image.imageBorderWidth}}px;{% endif %}"
  211.                                                                     }
  212.                                                                     .my-zoomist-{{key3 + key4 - 1}} .zoomist-wrapper{
  213.                                                                         background:{{image.imageBackgroundColor ? image.imageBackgroundColor : entity.imageBackgroundColor ? entity.imageBackgroundColor : '#F8F7F0' }};
  214.                                                                     }
  215.                                                     </style>
  216.                                                     <div class="my-zoomist my-zoomist-{{key3 + key4 - 1}} " data-zoomist-src="{{img}}"></div>
  217.                                                 </div>
  218.                                                 
  219.                                                 <div class="collection-gallery__wrap">
  220.                                                     <div class="collection-gallery__content block__text">
  221.                                                     
  222.                                                     </div>
  223.                                                     <style>
  224.                                                             .collection-gallery-buttons{{image.id}}{
  225.                                                                 {% if not image.Translation[app.request.locale].copyrights %}
  226.                                                                     .object__info--info::before {
  227.                                                                         left: 0px;
  228.                                                                     }
  229.                                                                 {% endif %}
  230.                                                             }
  231.                                                     </style>
  232.                                                     <div class="collection-gallery__buttons collection-gallery-buttons{{image.id}}">
  233.                                                         {% if image.Translation[app.request.locale].text is defined and image.Translation[app.request.locale].text %}
  234.                                                             <div class="object__info-wrap">
  235.                                                                 <button class="collection-gallery__buttons__btn" type="button" aria-expanded="false" data-expanded="js-info-{{image.id}}" tabindex="0">{{info(('T_INFO')|trans({}, 'openform_front', app.request.locale))}}</button>
  236.                                                                 <div class="object__info object__info--info js-info-{{image.id}}" data-lenis-prevent>
  237.                                                                     <div class="object__info__text block__text">{{image.Translation[app.request.locale].text|raw}}</div>
  238.                                                                     <button class="object__info__close js-expanded-close" type="button">{{infoClose()}}</button>
  239.                                                                 </div>
  240.                                                             </div>
  241.                                                         {% endif %}
  242.                                                         {% if image.Translation[app.request.locale].copyrights %}
  243.                                                             <div class="object__info-wrap">
  244.                                                                 <button class="collection-gallery__buttons__btn" type="button" aria-expanded="false" data-expanded="js-copyright-{{image.id}}" tabindex="0">{{copyrights(('T_INFO')|trans({}, 'openform_front', app.request.locale))}}</button>
  245.                                                                 <div class="object__info object__info--copyright js-copyright-{{image.id}}" data-lenis-prevent>
  246.                                                                     <div class="object__info__text block__text">{{image.Translation[app.request.locale].copyrights|raw}}</div>
  247.                                                                     <button class="object__info__close js-expanded-close" type="button">{{infoClose()}}</button>
  248.                                                                 </div>
  249.                                                             </div>
  250.                                                         {% endif %}
  251.                                                         <button class="collection-gallery__buttons__btn js-fullscreen" data-alt="{{image.Translation[app.request.locale].alt}}" tabindex="0" data-color="{{image.imageBackgroundColor is defined and image.imageBackgroundColor ? image.imageBackgroundColor }}"
  252.                                                         data-image="{{img}}"
  253.                                                         data-description="{{image.Translation[app.request.locale].text}}"
  254.                                                         data-copyrights="{{image.Translation[app.request.locale].copyrights}}"
  255.                                                         data-start="{{key3 + key4 - 1}}"
  256.                                                         data-imagestyle="{% if image.imageBorderColor and image.imageBorderWidth %}border: {{image.imageBorderColor}} solid {{image.imageBorderWidth}}px;{% endif %}"
  257.                                                         >
  258.                                                             {{fullscreen(('T_FULLSCREEN')|trans({}, 'openform_front', app.request.locale))}}
  259.                                                         </button>
  260.                                                         <button class="collection-gallery__buttons__btn js-zoom-out">{{zoomout(('T_ZOOMOUT')|trans({}, 'openform_front', app.request.locale))}}</button>
  261.                                                         <button class="collection-gallery__buttons__btn js-zoom-in">{{zoomin(('T_ZOOMIN')|trans({}, 'openform_front', app.request.locale))}}</button>
  262.                                                     </div>
  263.                                                 </div>
  264.                                             </div>
  265.                                         </li>  
  266.                                 {% endfor %}                               
  267.                             </ul>
  269.                             <div class="splide__arrows{{ ImageSlides|length < 2 ? ' hide' }}">
  270.                                 <div class="slider-nav collection-gallery__nav collection-gallery__nav--o8">
  271.                                     <button class="splide__arrow splide__arrow--prev slider-nav__btn slider-nav__btn--prev" disabled>
  272.                                         {{ sliderprev('PREV_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}
  273.                                     </button>
  274.                                     <ul class="splide__pagination collection-gallery__pagination"></ul>
  275.                                     <button class="splide__arrow splide__arrow--next slider-nav__btn slider-nav__btn--next">
  276.                                         {{ slidernext('NEXT_SLIDE'|trans({}, 'openform_front', app.request.locale)) }}
  277.                                     </button>
  278.                                 </div>
  279.                             </div>
  280.                         </div>
  281.                     </div>
  282.                 </div>
  283.                 {% endif %}
  284.             </div>   
  285.             {% endif %}        
  286.         </div>
  287.             <div class="collections__arrows">
  288.             {% for key, Relict in entity.RelictPack.getVisibleRelicts(app.request.locale) %}
  289.                 {% if entity.id == Relict.id  %}
  290.                     {% if entity.RelictPack.getVisibleRelicts(app.request.locale)[key - 1] is defined %}
  291.                         {% set prevElement = entity.RelictPack.getVisibleRelicts(app.request.locale)[key - 1] %}
  292.                         {% set href = toolkit_route_localizer.generate('relict_item',{ slug : prevElement.Translation[app.request.locale].slug }, app.request.locale) %}
  293.                         <a href="{{href}}" class="slider-nav__btn slider-nav__btn--prev">
  294.                             {{ sliderprev('PREV_Relict'|trans({}, 'openform_front', app.request.locale)) }}
  295.                         </a>
  296.                     {% endif%}
  297.                     {% if entity2 is defined %}
  298.                         {% if entity.RelictPack.getVisibleRelicts(app.request.locale)[key + 2] is defined %}
  299.                             {% set nextElement = entity.RelictPack.getVisibleRelicts(app.request.locale)[key + 1] %}
  301.                             {% set href = toolkit_route_localizer.generate('relict_item',{ slug : nextElement.Translation[app.request.locale].slug }, app.request.locale) %}
  302.                             <a href="{{href}}" class="slider-nav__btn slider-nav__btn--next">
  303.                                 {{ slidernext('Next_Relict'|trans({}, 'openform_front', app.request.locale)) }}
  304.                             </a>
  305.                         {% endif%}
  306.                     {% else %}
  307.                         {% if entity.RelictPack.getVisibleRelicts(app.request.locale)[key + 1] is defined %}
  308.                             {% set nextElement = entity.RelictPack.getVisibleRelicts(app.request.locale)[key + 1] %}
  310.                             {% set href = toolkit_route_localizer.generate('relict_item',{ slug : nextElement.Translation[app.request.locale].slug }, app.request.locale) %}
  311.                             <a href="{{href}}" class="slider-nav__btn slider-nav__btn--next">
  312.                                 {{ slidernext('Next_Relict'|trans({}, 'openform_front', app.request.locale)) }}
  313.                             </a>
  314.                         {% endif%}
  315.                     {% endif %}
  316.                 {% endif %}
  317.     {% endfor %}
  318.             </div>
  320.         </div>
  321.         <div class="collections__line" style="height: 92%; margin: auto 0; width: {{entity.lineWidthVertical2 is same as(0) ? 0 : entity.lineWidthVertical2|default('1') }}%; background: {{entity.lineColorVertical2|default('#F6E9B5') }};"></div>
  322.         <div class="collections__line-top" style="width: 96%; height: {{entity.lineHeightTop1 is same as(0) ? 0 : entity.lineHeightTop1|default('1') }}%; background: {{entity.lineColorTop1|default('#F5DB7B') }}; position: absolute; 
  323.         {% if not entity.showHeader %}top: 13%;{% else %}top: 4%;{% endif %} left: 50%; transform: translateX(-50%);"></div>
  324.         <div class="collections__line-bottom" style="width: 98%; height: {{entity.lineHeightBottom2 is same as(0) ? 0 : entity.lineHeightBottom2|default('3.2') }}%; background: {{entity.lineColorBottom2|default('#F5DB7B') }}; position: absolute; bottom: 0.5%; right: 0;"></div>
  325.     </div>
  326.