vendor/store.shopware.com/faesslichslider/src/Resources/views/storefront/element/cms-element-dynamic-slider-element.html.twig line 1

Open in your IDE?
  1. {% block element_dynamic_slider_element %}
  2.     {% for entry in element.data.entries %}
  3.         {% set product = entry.product %}
  4.         {% set sliderElementTopLine = entry.sliderElementTopLine %}
  5.         {% set sliderElementTitle = entry.sliderElementTitle %}
  6.         {% set sliderElementDescription = entry.sliderElementDescription %}
  7.         {% set sliderElementDescriptionAdditional = entry.sliderElementDescription2 %}
  8.         {% set sliderElementBgOverlay = entry.sliderElementBgOverlay %}
  9.         {% set ctaUrl = entry.sliderElementCtaUrl %}
  10.         {% set cta2Url = entry.sliderElementCta2Url %}
  11.         {% set media = '' %}
  12.         {% if entry.media %}
  13.             {% set mediaCollection = searchMedia([entry.media], context.context) %}
  14.             {% set media = mediaCollection.get(entry.media) %}
  15.         {% endif %}
  17.         {% set mediaUsage = config(GlobalSliderConfig ~ 'mediaUsage') %}
  18.         {% set slidesSpaceBetweenSlides = (SliderConfig.slidesSpaceBetweenSlides / 2) %}
  19.         {% set elementTemplate = product ? 'product-element' : 'content-element' %}
  21.         {% if product %}
  22.             {% if not entry.useMediaInsteadOfProductCover %}
  23.                 {% if product.cover.media %}
  24.                     {% set media = product.cover.media %}
  25.                 {% endif %}
  26.             {% endif %}
  28.             {% if not entry.useSliderTitleInsteadOfProductName %}
  29.                 {% set sliderElementTitle = product.translated.name %}
  30.             {% endif %}
  32.             {% if not entry.useSliderDescriptionInsteadOfProductDescription %}
  33.                 {% set textLength = isCarouselElement ? 100 : 200 %}
  35.                 {% set sliderElementDescription = product.translated.description|striptags|length > 200 ? product.translated.description|raw|striptags|slice(0, textLength) ~ '...' : product.translated.description|raw|striptags %}
  36.             {% endif %}
  38.             {% if not entry.useSliderUrlInsteadOfProductUrl %}
  39.                 {% set ctaUrl = seoUrl('frontend.detail.page', { productId: product.id })%}
  40.             {% endif %}
  41.         {% endif %}
  42.         {% set mediaTypeSplit = media.mimeType|split('/')[0] %}
  43.         <div data-type="{{ mediaTypeSplit }}"
  44.              class="faesslich-slider-slide-item{% if config(GlobalSliderConfig ~ 'useLazyLoading') and mediaTypeSplit == 'image' and (mediaUsage == 'bg' or not mediaUsage) %} lazyload{% endif %}"
  45.                 {% if config(GlobalSliderConfig ~ 'useLazyLoading') and mediaTypeSplit == 'image' and (mediaUsage == 'bg' or not mediaUsage) %} data-bg="{{ media.url }}"{% endif %}
  46.              style="
  47.              {% if entry.sliderElementBgColor %}background-color: {{ entry.sliderElementBgColor }};{% endif %}
  48.              {% if not mediaUsage or mediaUsage == 'bg' and mediaTypeSplit == 'image' %}
  49.                  {% if not config(GlobalSliderConfig ~ 'useLazyLoading') %}background-image: url('{{ media.url }}');{% endif %}
  50.                  background-size: {{ entry.mediaScale }};
  51.                  background-position: {{ entry.mediaPosition }};
  52.              {% endif %}
  53.                 {% if slidesSpaceBetweenSlides and isCarouselElement %}
  54.                      margin-left: {{ slidesSpaceBetweenSlides }}px;
  55.                      margin-right: {{ slidesSpaceBetweenSlides }}px;
  56.              {% endif %}"
  57.         >
  58.             {% sw_include '@Storefront/storefront/faesslich-slider/' ~ elementTemplate ~ '.html.twig' %}
  59.         </div>
  60.     {% endfor %}
  61. {% endblock %}