custom/plugins/AcrisProductVideoCS/src/Resources/views/storefront/element/cms-element-image-gallery.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/element/cms-element-image-gallery.html.twig' %}
  3. {% block element_image_gallery_alignment %}
  4.     {% if page.product.media %}
  5.         {% set mediaItems = [] %}
  6.         {% for image in page.product.media %}
  7.             {% set mediaItems = mediaItems|merge([image.media]) %}
  8.         {% endfor %}
  9.     {% endif %}
  11.     {{ parent() }}
  12. {% endblock %}
  14. {% block element_image_gallery_inner_thumbnails_item_inner %}
  15.     {% if image.translated.link and (image.type == 'youtube' or image.type == 'vimeo') %}
  16.         {% if image.metaData %}
  17.             {% set metaUrlData = image.metaData %}
  18.         {% endif %}
  20.         {% set previewImageLoading = config('AcrisProductVideoCS.config').previewImageLoading %}
  22.         {% set previewImageUrl = null %}
  23.         {% if image.extensions.acrisProductVideoPreviewImage and image.extensions.acrisProductVideoPreviewImage.media %}
  24.             {% set previewImageUrl = image.extensions.acrisProductVideoPreviewImage.media.url %}
  25.         {% endif %}
  27.         {% set customImg = false %}
  29.         {% if previewImageLoading == 'cookie' %}
  30.             {% set customImg = true %}
  31.         {% endif %}
  33.         {% if image.type == 'youtube' %}
  34.             {% set productVideoImg = 'https://i.ytimg.com/vi/' ~ image.translated.link|split('/')|last|split('?')|first|trim ~ '/hqdefault.jpg' %}
  35.         {% else %}
  36.             {% if metaUrlData.vimeoImageUrl %}
  37.                 {% set productVideoImg = metaUrlData.vimeoImageUrl %}
  38.             {% else %}
  39.                 {% set productVideoImg = 'https://vumbnail.com/' ~''~ image.translated.link|split('/')|last|split('?')|first|trim ~''~ '.jpg' %}
  40.             {% endif %}
  41.         {% endif %}
  43.         <div class="gallery-slider-thumbnails-item-inner">
  44.             <img class="gallery-slider-thumbnails-image element-product-video-image-id-{{ image.id }}" {% if customImg != true %}src="{{ productVideoImg }}"{% endif %} title="{{ metaUrlData['title'] }}" alt="{{ metaUrlData['description'] }}">
  45.         </div>
  46.     {% elseif image.translated.embedCode and image.type == 'embed' %}
  47.         {% if image.metaData %}
  48.             {% set metaUrlData = image.metaData %}
  49.         {% endif %}
  50.         {% set productVideoImg = 'data:image/jpeg;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAhAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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' %}
  51.         <div class="gallery-slider-thumbnails-item-inner">
  52.             <img class="gallery-slider-thumbnails-image" src="{{ productVideoImg }}" title="{{ metaUrlData['title'] }}" alt="{{ metaUrlData['description'] }}">
  53.         </div>
  54.     {% elseif image.type == 'media' %}
  55.         {% if image.metaData %}
  56.             {% set metaUrlData = image.metaData %}
  57.         {% endif %}
  58.         {% set productVideoImg = 'data:image/jpeg;base64,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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH/8QAFAEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAhAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf/EABQBAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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' %}
  59.         <div class="gallery-slider-thumbnails-item-inner">
  60.             <video class="acris-product-video-iframe">
  61.                 <source src="{{ image.media.url }}" type="video/mp4">
  62.             </video>
  63.         </div>
  64.     {% else %}
  65.         {{ parent() }}
  66.     {% endif %}
  67. {% endblock %}
  69. {% block element_image_gallery_inner_zoom_modal_thumbnails_item %}
  70.     {% if image.translated.link and image.type %}
  71.         {#{% set productVideoImg = 'https://img.youtube.com/vi/' ~ image.link|split('/')|last|split('?')|first|trim ~ '/2.jpg' %}
  72.         <div class="gallery-slider-thumbnails-item-inner">
  73.             <img class="gallery-slider-thumbnails-image" src="{{ productVideoImg }}">
  74.         </div>#}
  75.     {% elseif image.type == 'media' %}
  77.     {% else %}
  78.         {{ parent() }}
  79.     {% endif %}
  80. {% endblock %}
  82. {% block element_image_gallery_inner_item %}
  83.     {% if image.translated.link and (image.type == 'youtube' or image.type == 'vimeo') %}
  84.         {% set noCookie = image.translated.link|split('youtube-nocookie.com') %}
  85.         {% if image.metaData %}
  86.             {% set metaUrlData = image.metaData %}
  87.         {% endif %}
  89.         {% set loadVideoAfterClick = 'loadNow' %}
  90.         {% if config('AcrisProductVideoCS.config').loadVideosAfterClick == true %}
  91.             {% set loadVideoAfterClick = 'loadAfter' %}
  92.             {% sw_include '@AcrisProductVideoCS/storefront/component/custom/element/iframe-youtube-load-after.html.twig' with {
  93.                 isImageGallery: true
  94.             }
  95.             %}
  96.         {% else %}
  97.             <div class="gallery-slider-item-container">
  98.                 {% sw_include '@AcrisProductVideoCS/storefront/component/custom/element/iframe-youtube.html.twig' with {
  99.                     isImageGallery: true
  100.                 } %}
  101.             </div>
  102.         {% endif %}
  103.     {% elseif image.translated.embedCode and image.type == 'embed' %}
  104.         {% if image.metaData %}
  105.             {% set metaUrlData = image.metaData %}
  106.         {% endif %}
  107.         <div class="gallery-slider-item-container">
  108.             {% sw_include '@AcrisProductVideoCS/storefront/component/custom/element/iframe-embed.html.twig' with {
  109.                 isImageGallery: true
  110.             } %}
  111.         </div>
  112.     {% elseif image.type == 'media' %}
  113.         {% if image.metaData %}
  114.             {% set metaUrlData = image.metaData %}
  115.         {% endif %}
  116.         <div class="gallery-slider-item-container">
  117.             {% sw_include '@AcrisProductVideoCS/storefront/component/custom/element/video-media.html.twig' with {
  118.                 isImageGallery: true
  119.             } %}
  120.         </div>
  121.     {% else %}
  122.         {{ parent() }}
  123.     {% endif %}
  124. {% endblock %}
  126. {% block element_image_gallery_inner_single %}
  127.     {% set image = mediaItems|first %}
  128.     {% if image.translated.link and (image.type == 'youtube' or image.type == 'vimeo') %}
  129.         {% set noCookie = image.translated.link|split('youtube-nocookie.com') %}
  130.         {% if image.metaData %}
  131.             {% set metaUrlData = image.metaData %}
  132.         {% endif %}
  133.         {% set loadVideoAfterClick = 'loadNow' %}
  134.         {% if config('AcrisProductVideoCS.config').loadVideosAfterClick == true %}
  135.             {% set loadVideoAfterClick = 'loadAfter' %}
  136.             {% sw_include '@AcrisProductVideoCS/storefront/component/custom/element/iframe-youtube-load-after.html.twig' %}
  137.         {% else %}
  138.             {% sw_include '@AcrisProductVideoCS/storefront/component/custom/element/iframe-youtube.html.twig' %}
  139.         {% endif %}
  140.     {% elseif image.translated.embedCode and image.type == 'embed' %}
  141.         {% if image.metaData %}
  142.             {% set metaUrlData = image.metaData %}
  143.         {% endif %}
  144.         {% sw_include '@AcrisProductVideoCS/storefront/component/custom/element/iframe-embed.html.twig' %}
  145.     {% elseif image.type == 'media' %}
  146.         {% if image.metaData %}
  147.             {% set metaUrlData = image.metaData %}
  148.         {% endif %}
  149.         {% sw_include '@AcrisProductVideoCS/storefront/component/custom/element/video-media.html.twig' %}
  150.     {% else %}
  151.         {{ parent() }}
  152.     {% endif %}
  153. {% endblock %}
  155. {% block element_image_gallery_inner_zoom_modal_slider_item %}
  156.     {% if (image.translated.link and image.type) or (image.type and image.type == 'media') %}
  158.     {% else %}
  159.         {{ parent() }}
  160.     {% endif %}
  161. {% endblock %}