custom/plugins/NetzpPowerPack6/src/Resources/views/storefront/element/cms-element-netzp-powerpack6-cta2.html.twig line 1

Open in your IDE?
  1. {% block netzp_powerpack6_cta2 %}
  2.     <div class="netzp-powerpack6-cta2-element"
  3.          style='{{ element.data.containerStyle|raw }}'>
  4.         {% for element in element.data.elements %}
  5.             {% set imageStyle = '' %}
  7.             {% if element.width == '' or element.width == 'auto' %}
  8.                 {% set imageStyle = imageStyle ~ 'max-width: 100%;' %}
  9.             {% else %}
  10.                 {% set imageStyle = imageStyle ~ 'width: ' ~ element.width ~ ';' %}
  11.             {% endif %}
  13.             {% if element.height == '' or element.height == 'auto' %}
  14.                 {% set imageStyle = imageStyle ~ 'max-height: 100%;' %}
  15.             {% else %}
  16.                 {% set imageStyle = imageStyle ~ 'height: ' ~ element.height ~ ';' %}
  17.             {% endif %}
  19.             {% if element.type == 'image' %}
  20.                 <div class="element {{ element.class }}" style="{{ element.style }}">
  21.                     {% if element.url !== '' %}
  22.                         <a href="{{ element.url }}" {% if element.urlNewWindow %}target="_blank"{% endif %}">
  23.                     {% endif %}
  25.                     {% sw_thumbnails 'pp_cta2_image_thumbnail' with {
  26.                         media: element.image.media,
  27.                         sizes: {
  28.                             'xs': '501px',
  29.                             'sm': '315px',
  30.                             'md': '427px',
  31.                             'lg': '333px',
  32.                             'xl': '284px'
  33.                         },
  34.                         attributes: {
  35.                             'style': imageStyle,
  36.                             'alt':   element.image.media.translated.alt ?: '',
  37.                             'title': element.image.media.translated.title ?: ''
  38.                         }
  39.                     } %}
  41.                     {% if element.url !== '' %}
  42.                         </a>
  43.                     {% endif %}
  44.                 </div>
  46.             {% elseif element.type == 'text' or element.type == 'button' %}
  47.                 {% if element.url !== '' %}
  48.                     <a href="{{ element.url }}" {% if element.urlNewWindow %}target="_blank"{% endif %}"
  49.                        class="{{ element.class }}" style="{{ element.style }}">
  50.                         {{ element.contents|raw|sw_sanitize }}
  51.                     </a>
  52.                 {% else %}
  53.                     <div class="element {{ element.class }}" style="{{ element.style }}">
  54.                         {{ element.contents|raw|sw_sanitize }}
  55.                     </div>
  56.                 {% endif %}
  57.             {% endif %}
  58.         {% endfor %}
  59.     </div>
  60. {% endblock %}