custom/plugins/XantenLastSeenProduct/src/Resources/views/storefront/element/cms-element-last-seen-product-slider.html.twig line 127

Open in your IDE?
  1. {% block element_last_seen_product_slider %}
  2.     {% if not sliderConfig %}
  3.         {% set sliderConfig = element.fieldConfig.elements %}
  4.     {% endif %}
  5.     {% if element.data.products is null and sliderConfig.ajaxLoad.value %}
  6.     <div class="cms-element-product-slider cms-element-{{ element.type }}{% if sliderConfig.displayMode.value == "standard" and sliderConfig.verticalAlign.value %} has-vertical-alignment{% endif %}">
  7.         {% block element_last_seen_product_slider_alignment %}
  8.             {% if config.verticalAlign.value %}
  9.                 <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 %}">
  10.             {% endif %}
  11.             {% set gutter = 30 %}
  12.             {% set productSliderOptions = {
  13.                 productboxMinWidth: sliderConfig.elMinWidth.value ? sliderConfig.elMinWidth.value : '300px',
  14.                 slider: {
  15.                     gutter: gutter,
  16.                     autoplayButtonOutput: false,
  17.                     nav: false,
  18.                     mouseDrag: false,
  19.                     controls: sliderConfig.navigation.value ? true : false,
  20.                     autoplay: sliderConfig.rotate.value ? true : false
  21.                 }
  22.             } %}
  24.             {% if not sliderConfig.navigation.value %}
  25.                 {% set productSliderOptions = productSliderOptions|replace_recursive({
  26.                 slider: {
  27.                     mouseDrag: true
  28.                 }
  29.                 }) %}
  30.             {% endif %}
  32.             {% set ajaxUrl = path('frontend.last.seen.product.page', {
  33.                 'minItems': sliderConfig.minItems.value,
  34.                 'maxItems': sliderConfig.maxItems.value,
  35.                 'layout': sliderConfig.boxLayout.value,
  36.                 'displayMode': sliderConfig.displayMode.value
  37.             }) %}
  39.             {% if controllerName == 'Product' %}
  40.                 {% set ajaxUrl = path('frontend.last.seen.product.page', {
  41.                     'minItems': sliderConfig.minItems.value,
  42.                     'maxItems': sliderConfig.maxItems.value,
  43.                     'layout': sliderConfig.boxLayout.value,
  44.                     'displayMode': sliderConfig.displayMode.value,
  45.                     'skipProductId': page.product.id
  46.                 }) %}
  47.             {% endif %}
  49.             {% set lastSeenProductOptions = {
  50.                 productboxMinWidth: sliderConfig.elMinWidth.value ? sliderConfig.elMinWidth.value : '300px',
  51.                 slider: {
  52.                     gutter: gutter,
  53.                     autoplayButtonOutput: false,
  54.                     nav: false,
  55.                     mouseDrag: false,
  56.                     controls: sliderConfig.navigation.value ? true : false,
  57.                     autoplay: sliderConfig.rotate.value ? true : false
  58.                 },
  59.                 gutter: gutter,
  60.                 url: ajaxUrl
  61.             } %}
  63.             {% block element_last_seen_product_slider_slider %}
  64.                 <div class="base-slider product-slider {% if sliderConfig.navigation.value %} has-nav{% endif %}{% if sliderConfig.border.value %} has-border{% endif %} {% if sliderConfig.ajaxLoad.value %}is-loading{% endif %}"
  65.                      data-base-slider="true"
  66.                      data-base-slider-options="{{ productSliderOptions|json_encode }}"
  67.                      {% if sliderConfig.ajaxLoad.value %}
  68.                          data-last-seen-product-slider="true"
  69.                          data-last-seen-product-slider-options="{{ lastSeenProductOptions | json_encode }}"
  70.                      {% endif %}>
  72.                     {% block element_last_seen_product_slider_title %}
  73.                         {% if sliderConfig.title.value %}
  74.                             <div class="cms-element-title">
  75.                                 <p class="cms-element-title-paragraph">{{ sliderConfig.title.value }}</p>
  76.                             </div>
  77.                         {% endif %}
  78.                     {% endblock %}
  80.                     {% block element_last_seen_product_slider_text %}
  81.                         {% if sliderConfig.text.value %}
  82.                             <div class="cms-element-text">
  83.                                 {{ sliderConfig.text.value|raw }}
  84.                             </div>
  85.                         {% endif %}
  86.                     {% endblock %}
  88.                     {% block element_last_seen_product_slider_inner %}
  89.                         {% block element_last_seen_product_slider_element %}
  90.                             <div class="product-slider-container" data-base-slider-container="true">
  91.                                 {% sw_include '@Storefront/storefront/component/product-slider.html.twig' with {
  92.                                     'products': element.data.products.elements,
  93.                                     'layout': sliderConfig.boxLayout.value,
  94.                                     'displayMode': sliderConfig.displayMode.value
  95.                                 } %}
  96.                             </div>
  97.                         {% endblock %}
  99.                         {% block element_last_seen_product_slider_controls %}
  100.                             {% if sliderConfig.navigation.value %}
  101.                                 <div class="product-slider-controls-container">
  102.                                     <div class="base-slider-controls"
  103.                                          data-base-slider-controls="true">
  104.                                         {% block element_last_seen_product_slider_controls_items %}
  105.                                             <button class="base-slider-controls-prev product-slider-controls-prev">
  106.                                                 {% block element_last_seen_product_slider_controls_items_prev_icon %}
  107.                                                     {% sw_icon 'arrow-head-left' %}
  108.                                                 {% endblock %}
  109.                                             </button>
  110.                                             <button class="base-slider-controls-next product-slider-controls-next">
  111.                                                 {% block element_last_seen_product_slider_controls_items_next_icon %}
  112.                                                     {% sw_icon 'arrow-head-right' %}
  113.                                                 {% endblock %}
  114.                                             </button>
  115.                                         {% endblock %}
  116.                                     </div>
  117.                                 </div>
  118.                             {% endif %}
  119.                         {% endblock %}
  120.                     {% endblock %}
  121.                 </div>
  122.             {% endblock %}
  123.             {% if config.verticalAlign.value %}
  124.                 </div>
  125.             {% endif %}
  126.         {% endblock %}
  127.     </div>
  128.     {% else %}
  129.         <div class="cms-element-product-slider">
  130.             {% sw_include '@Storefront/storefront/element/cms-element-product-slider.html.twig' with {
  131.                 element: element
  132.             } %}
  133.         </div>
  134.     {% endif %}
  135. {% endblock %}