custom/plugins/Tuerschild_2/src/Resources/views/storefront/element/cms-element-inspiration-slider.html.twig line 1

Open in your IDE?
  1. {% block inspirations_slider_el %}
  2.     {% set currentSalesChannel = context.salesChannel.id %}
  3.     {% set pickedSaleschannel =  element.config.salesChannel.value %}
  4.     {% set shouldDisplayEl = pickedSaleschannel is same as(currentSalesChannel) or pickedSaleschannel is same as('') %}
  6.     {% if shouldDisplayEl %}
  7.         {% set productSliderOptions = {
  8.             productboxMinWidth:'300',
  9.             slider: {
  10.                 gutter: 20,
  11.                 nav: false,
  12.                 mouseDrag: true,
  13.                 controls: true,
  14.                 autoplay: false,
  15.                 prevButton:".slider-controls-prev-button-#{element.id}",
  16.                 nextButton:".slider-controls-next-button-#{element.id}",
  17.                 controls: true,
  18.             }
  19.         } %}
  21.         <div class="base-slider product-slider product-slider--inspirations has-nav"
  23.              data-product-slider="true"
  24.              data-product-slider-options="{{ productSliderOptions|json_encode }}">
  26.             {% block element_product_slider_title %}
  27.                 <div class="cms-element-title">
  28.                     <p class="cms-element-title-paragraph">
  29.                         {{ element.config.elementTitle.value }}
  30.                     </p>
  31.                 </div>
  32.             {% endblock %}
  34.             {% block element_product_slider_inner %}
  38.                 {% block element_product_slider_element %}
  39.                     <div class="product-slider-container"
  40.                          data-product-slider-container="true">
  42.                         {% for category in element.data.all %}
  43.                             {% set url =  category_url(category) %}
  44.                             <div class="product-slider-item">
  45.                                 {% if element.config.media.value[loop.index0] is defined and element.config.media.value[loop.index0] %}
  46.                                     {% set mediaImage = searchMedia([element.config.media.value[loop.index0]] ,context.context) %}
  47.                                     {% set singleImage = mediaImage.get(element.config.media.value[loop.index0]) %}
  48.                                 {% elseif category.customFields.custom_category_info_listing_banner %}
  49.                                     {% set mediaImage = searchMedia([category.customFields.custom_category_info_listing_banner] ,context.context) %}
  50.                                     {% set singleImage = mediaImage.get(category.customFields.custom_category_info_listing_banner) %}
  51.                                 {% else %}
  52.                                     {% set mediaImage = null %}
  53.                                     {% set singleImage = null %}
  54.                                 {% endif %}
  56.                                 <div class="col inspiration-card"
  57.                                         {% if singleImage.url %}
  58.                                             style="background-image:url('{{ singleImage.url }}')"
  59.                                         {% endif %}
  60.                                 >
  61.                                     <a class="d-inline-block w-100 h-100" href="{{ url }}">
  63.                                         <div class="inspiration-card-title-wrapper">
  64.                                             <h3 class="inspiration-card-title">
  65.                                                 {{ category.name }}
  66.                                             </h3>
  67.                                             <a class="inspiration-card-link arrow-right-rotate">
  68.                                         <span>
  69.                                            {% sw_icon 'arrow_left'  style {
  70.                                                'namespace': 'Tuerschild_2',
  71.                                            } %}
  72.                                         </span>
  73.                                             </a>
  74.                                         </div>
  75.                                     </a>
  76.                                 </div>
  77.                                 </a>
  79.                             </div>
  80.                         {% endfor %}
  81.                     </div>
  83.                 {% endblock %}
  84.                 <div class="slider-controls-wrapper d-flex align-items-center justify-content-between">
  85.                     <div class="slider-controls slider-controls-{{ element.id }} w-100">
  86.                         <div class="d-flex align-items-center justify-content-center">
  87.                 <span class="slider-controls-button slider-controls-prev-button-{{ element.id }} ">
  88.      {% sw_icon 'arrow_left'  style {
  89.          'namespace': 'Tuerschild_2',
  90.      } %}                </span>
  91.                             <span class="slider-controls-button slider-controls-next-button-{{ element.id }} arrow-right-rotate">
  92.      {% sw_icon 'arrow_left'  style {
  93.          'namespace': 'Tuerschild_2',
  94.      } %}                 </span>
  95.                         </div>
  96.                         {% if element.config.buttonLink.value %}
  97.                             <a href="{{ element.config.buttonLink.value }}" class="slider-controls-link">Alle
  98.                                 Inspirationen</a>
  99.                         {% endif %}
  100.                     </div>
  101.                 </div>
  103.             {% endblock %}
  104.         </div>
  105.     {% endif %}
  106. {% endblock %}