custom/plugins/econdCrossSelll/src/Resources/views/storefront/element/cms-element-econda-cross-sell.html.twig line 1

Open in your IDE?
  1. {% sw_extends "@Storefront/storefront/element/cms-element-product-slider.html.twig" %}
  2. {% block element_product_slider %}
  4.     {% if not sliderConfig %}
  5.         {% set sliderConfig = element.fieldConfig.elements %}
  6.     {% endif %}
  8.     <div class="base-slider product-slider data-product-slider=true cms-element-{% if element.type == null %}{{element}}{% else %}{{element.type}}{% endif %} {% if sliderConfig.displayMode.value == "standard" and sliderConfig.verticalAlign.value %} has-vertical-alignment{% endif %} data-econda-cross-sell">
  9.         {% block element_product_slider_alignment %}
  10.             {% if config.verticalAlign.value %}
  11.                 <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 %}">
  12.             {% endif %}
  13.             <div class="econda-slider base-slider product-slider{% if sliderConfig.border.value %} has-border{% endif %}{% if sliderConfig.navigation.value %} has-nav{% endif %}" style="overflow: hidden; padding-left: 22px"
  14.                  data-product-slider="true"
  15.                  data-product-slider-options='{
  16.                         {% if sliderConfig.elMinWidth.value %}"productboxMinWidth": "{{ sliderConfig.elMinWidth.value }}",{% endif %}
  17.                         "slider": {
  18.                             "gutter": 30,
  19.                             "autoplayButtonOutput": false,
  20.                             "nav": false,
  21.                             "controls": {% if sliderConfig.navigation.value %}true{% else %}false{% endif %},
  22.                             {% if not sliderConfig.navigation.value %}"mouseDrag": true,{% endif %}
  23.                             "autoplay": {% if sliderConfig.rotate.value %}true{% else %}false{% endif %}
  24.                         }
  25.                      }'>
  27.                 {% block element_product_slider_title %}
  28.                     {% if sliderConfig.ecTitle.value %}
  29.                         <div class="cms-element-title">
  30.                             <h2 class="cms-element-title-paragraph">{{ cs_response.widgetDetails.title }}</h2>
  31.                         </div>
  32.                     {% else %}
  33.                         <div class="cms-element-title">
  34.                             <h2 class="cms-element-title-paragraph">{{ sliderConfig.title.value }}</h2>
  35.                         </div>
  36.                     {% endif %}
  37.                 {% endblock %}
  39.                 {% block element_product_slider_inner %}
  40.                     {% block element_product_slider_element %}
  41.                         <div class="product-econda-container"
  42.                              data-product-slider-container="true">
  43.                             {% for product in cs_response.products %}
  44.                                 {% block element_product_slider_inner_item %}
  45.                                     <div class="product-econda-item">
  46.                                         {% sw_include '@Storefront/storefront/component/product/card/box.html.twig' with {
  47.                                             'layout': sliderConfig.boxLayout.value,
  48.                                             'displayMode': sliderConfig.displayMode.value
  49.                                         } %}
  50.                                     </div>
  51.                                 {% endblock %}
  52.                             {% endfor %}
  53.                         </div>
  54.                     {% endblock %}
  56.                     {% block element_product_slider_controls %}
  57.                         {% if sliderConfig.navigation.value %}
  58.                             <div class="product-slider-controls-container">
  59.                                 <div class="base-slider-controls"
  60.                                      data-product-slider-controls="true">
  61.                                     {% block element_product_slider_controls_items %}
  62.                                         <button class="ec-prev base-slider-controls-prev product-slider-controls-prev{% if sliderConfig.border.value %} has-border{% endif %}">
  63.                                             {% block element_product_slider_controls_items_prev_icon %}
  64.                                                 {% sw_icon 'arrow-head-left' %}
  65.                                             {% endblock %}
  66.                                         </button>
  67.                                         <button class="ec-next base-slider-controls-next product-slider-controls-next{% if sliderConfig.border.value %} has-border{% endif %}">
  68.                                             {% block element_product_slider_controls_items_next_icon %}
  69.                                                 {% sw_icon 'arrow-head-right' %}
  70.                                             {% endblock %}
  71.                                         </button>
  72.                                     {% endblock %}
  73.                                 </div>
  74.                             </div>
  75.                         {% endif %}
  76.                     {% endblock %}
  77.                 {% endblock %}
  78.             </div>
  79.             {% if config.verticalAlign.value %}
  80.                 </div>
  81.             {% endif %}
  82.         {% endblock %}
  83.     </div>
  84. {% endblock %}