vendor/pimcore/portal-engine/src/Resources/views/shared/teaser/big-cta.html.twig line 1

Open in your IDE?
  1. {# parameters #}
  2. {% set color = color | default("white") %}
  3. {% set mediaLeft = mediaLeft | default(false) %}
  4. {% set title = title | default(null) %}
  5. {% set description = description | default(null) %}
  6. {% set button = portalEngine_addClassToLnk(button, 'btn btn-lg btn-shadow btn-light') | default(null) %}
  7. {% set image = image | default(null) %}
  8. {% set imageEditable = imageEditable | default(null) %}
  9. {% set content = content | default(null) %}
  11. {# bootstrap #}
  12. {% set mediaClass = "" %}
  13. {% set colorClass = "bg-white" %}
  14. {% set mediaClass = mediaLeft ? "content-teaser--media-left" %}
  16. {% if color == "primary" %}
  17.     {% set colorClass = "bg-primary text-white" %}
  18. {% endif %}
  20. {# content #}
  21. <section class="content-teaser {{ mediaClass }} {{ colorClass }}">
  22.     <div class="row no-gutters">
  24.         <div class="col-md-6">
  25.             {% if image %}
  26.                 <div class="content-teaser__img h-100">
  27.                     {{ image.thumbnail("portal-engine_teaser-cta").html({}, ["width", "height"]) | raw }}
  28.                 </div>
  29.             {% elseif imageEditable %}
  30.                 <div class="content-teaser__img h-100">
  31.                     {{ pimcore_image(imageEditable, {thumbnail: "portal-engine_teaser-cta"}).frontend | raw }}
  32.                 </div>
  33.             {% endif %}
  34.         </div>
  37.         <div class="col-md {{ not mediaLeft ? "order-md-first" }}">
  38.             <div class="content-teaser__content">
  39.                 <h3 class="content-teaser__content__title">
  40.                     {% if button and button.href %}
  42.                         <a href="{{ button.href }}" target="{{ button.target }}" class="stretched-link">
  43.                             {{ title | raw }}
  44.                         </a>
  46.                     {% else %}
  48.                         {{ title | raw }}
  50.                     {% endif %}
  51.                 </h3>
  53.                 {{ description | raw }}
  55.                 {% if button %}
  56.                     <div class="mt-5">
  57.                         {{ button|raw }}
  58.                     </div>
  59.                 {% endif %}
  61.                 {% if content %}
  62.                     <div class="mt-2">
  63.                         {{ content | raw }}
  64.                     </div>
  65.                 {% endif %}
  66.             </div>
  67.         </div>
  68.     </div>
  69. </section>