custom/plugins/sw-asus/src/Resources/views/storefront/element/cms-element-product-slider.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/element/cms-element-product-slider.html.twig' %}
  3. {% block element_product_slider_alignment %}
  4.     {% if config.verticalAlign.value %}
  5.         <div class="cms-element-alignment{% if sliderConfig.verticalAlign.value == "center" %} align-self-center{% elseif sliderConfig.verticalAlign.value == "flex-end" %} align-self-end{% else %} align-self-start{% endif %}">
  6.     {% endif %}
  8.     {% set productSliderOptions = {
  9.         productboxMinWidth: sliderConfig.elMinWidth.value ? sliderConfig.elMinWidth.value : '',
  10.         slider: {
  11.             gutter: 12,
  12.             autoplayButtonOutput: false,
  13.             nav: false,
  14.             mouseDrag: false,
  15.             controls: sliderConfig.navigation.value ? true : false,
  16.             autoplay: sliderConfig.rotate.value ? true : false,
  17.             loop: false
  18.         }
  19.     } %}
  21.     {% if not sliderConfig.navigation.value %}
  22.         {% set productSliderOptions = productSliderOptions|replace_recursive({
  23.             slider: {
  24.                 mouseDrag: true
  25.             }
  26.         }) %}
  27.     {% endif %}
  29.     {% block element_product_slider_slider %}
  30.         {{ parent() }}
  31.     {% endblock %}
  32.     {% if config.verticalAlign.value %}
  33.         </div>
  34.     {% endif %}
  35. {% endblock %}
  37. {% block element_product_slider_inner_item %}
  38.     {% set sizes = {
  39.         'xs': '70vw',
  40.         'sm': '70vw',
  41.         'md': '300px',
  42.         'lg': '300px',
  43.         'xl': '300px'
  44.     } %}
  45.     <div class="aaaa product-slider-item">
  46.         {% sw_include '@Storefront/storefront/component/product/card/box.html.twig' with {
  47.             'layout': sliderConfig.boxLayout.value,
  48.             'displayMode': sliderConfig.displayMode.value,
  49.             'sizes': sizes,
  50.             'load': false
  51.         } %}
  52.     </div>
  54.     
  55. {% endblock %}