templates/bundles/ToolboxBundle/toolbox/tailwind/container/view.html.twig line 23

Open in your IDE?
  1. {% set containerWidth = pimcore_select('container_width').data %}
  2. {% set backgroundImage = pimcore_image('background_image') %}
  3. {% set fullWidthBackground = pimcore_checkbox('full_width_background').isChecked() %}
  4. {% set backgroundImagePosition = pimcore_select('background_image_position') %}
  5. {% set backgroundImageSize = pimcore_select('background_image_size') %}
  6. {% set backgroundImageRepeat = pimcore_select('background_repeat') %}
  9. {% if backgroundImage is not null and not fullWidthBackground %}
  10.     {% set containerClass = containerClass ~ " container-bg-img bg-img-" ~ backgroundImage.getId() %}
  11. {% endif %}
  13. {# Adds CSS for responsive background image css. The CSS class is .bg-img-[imageId] #}
  14. {% include 'digitalwandler//Components/bgImgCss.html.twig' with {'bgImg': backgroundImage, 'bgImgPos': backgroundImagePosition, 'bgImgSize': backgroundImageSize, 'bgImgRepeat': backgroundImageRepeat } %}
  16. {% if fullWidthBackground and backgroundImage is not null %}
  17.     {# Renders a container around the container to allow for a full-width-background but a normal container #}
  18. <div class="container-fluid container-with-background-image bg-img-{{backgroundImage.getId() }}">
  19.     {% endif %}
  21.     <div class="{{ containerClass }} mx-auto {{ (containerWidth|length) ? containerWidth : 'px-4' }}">
  22.         <div class="container-inner">
  23.             {% include '@Toolbox/helper/areablock.html.twig' with {'name': 'container-block', 'type' : 'container'} %}
  24.         </div>
  25.     </div>
  27.     {% if fullWidthBackground and backgroundImage %}
  28. </div>
  29. {% endif %}