src/CoreBundle/Resources/views/FieldCollections/TextBackground.html.twig line 1

Open in your IDE?
  1. {% set UID = uniqid() %}
  2. {% set imageAttributes = {
  3. "attributes" : {
  4. "data-speed": "-1"
  5. }
  6. } %}
  7. <div class="section" id="content-section">
  8.     <div id="{{ 'uid' ~ UID |raw }}" class="text-background {% if item.getBackgroundImage %}has-background-image js{% else %}has-background{% endif %}">
  9.         {% if item.getBackgroundImage %}
  10.         <div class="background-image">
  11.             <div class="image">
  12.                 {{ item.getBackgroundImage().getThumbnail("textBackgroundImage" ~ bundleName).getHtml(imageAttributes) |raw }}
  13.                     {#IE Fix for thumbnails rendering start#}
  14.                     <style>
  15.                         @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  16.                         {{ 'div#uid' ~ UID |raw }} .background-image > .image {
  17.                             position: absolute;
  18.                             width: 100%;
  19.                             height: 100%;
  20.                             background: url( {{ pimcore_image("getBackgroundImage").getSrc() }} ) center right 100%/cover no-repeat;
  21.                         }
  23.                         {{ 'div#uid' ~ UID |raw }} .background-image > .image img {
  24.                                                        display: none;
  25.                                                    }
  26.                         }
  27.                     </style>
  28.                     {#IE Fix for thumbnails rendering end#}
  29.             </div>
  30.         </div>
  31.         {% endif %}
  32.         {% if item.getBackgroundImage %}
  33.         <div class="content-container">
  34.         {% endif %}
  35.             <div class="main-content flex-col">
  36.                 <div class="col xs-12">
  37.                     <div class="text-only">
  38.                         {{ item.getText() |raw }}
  39.                         {% if item.getButton %}
  40.                             <div class="button">
  41.                                 <a href="{{ item.getButton.getHref() }}" class="button btn-default">
  42.                                     {{ item.getButton.getText() |raw }}
  43.                                 </a>
  44.                             </div>
  45.                         {% endif %}
  46.                     </div>
  47.                 </div>
  48.             </div>
  49.         {% if item.getBackgroundImage %}
  50.         </div>
  51.        {% endif %}
  52.     </div>
  53. </div>