custom/plugins/UandiEfbDownloadCenter/src/Resources/views/storefront/component/media/card/box.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/product/card/box-minimal.html.twig' %}
  3. {% block component_product_box_content %}
  4.     {% set media = product %}
  5.     {% set link = path('uandi.downloadcenter.restricted', {mediaId: media.id}) %}
  6.     {% set name = media.title ?: media.fileName %}
  8.     {% if media.translated.customFields.emz_salesforce_download_url %}
  9.         {% set link = media.translated.customFields.emz_salesforce_download_url %}
  10.     {% endif %}
  12.     {{ parent() }}
  13. {% endblock %}
  15. {% block component_product_box_image %}
  16.     <div class="product-image-wrapper">
  17.         <a href="{{ link }}"
  18.            title="{{ name }}"
  19.            class="product-image-link is-standard">
  20.             {% if media.mediaType.name === 'IMAGE' and media.url %}
  21.                 {% sw_thumbnails 'product-image-thumbnails' with {
  22.                     media: media,
  23.                     attributes: {
  24.                         'class': 'product-image is-standard',
  25.                         'alt': media.alt ?: name,
  26.                         'title': name
  27.                     },
  28.                 } %}
  29.             {% elseif media.mediaType.name === 'IMAGE' %}
  30.                 <div class="product-image-placeholder">
  31.                     {% sw_icon 'placeholder' style {
  32.                         'size': 'fluid'
  33.                     } %}
  34.                 </div>
  35.             {% else %}
  36.                 <div class="product-image is-standard">
  37.                     {% sw_icon 'placeholder-pdf' style {
  38.                         'size': 'fluid',
  39.                         'namespace': 'UandiEfbDownloadCenter'
  40.                     } %}
  41.                 </div>
  42.             {% endif %}
  43.         </a>
  44.     </div>
  45. {% endblock %}
  47. {% block component_product_box_info %}
  48.     <div class="product-info">
  49.         <a href="{{ link }}"
  50.            class="product-name"
  51.            title="{{ name }}">
  52.             {{ name }}
  53.         </a>
  55.         {% if media.fileExtension %}
  56.             <p class="media-attribute media-attribute-extension">
  57.                 <span class="media-attribute-label">
  58.                     {{ "uandiDownloadCenter.mediaAttributeLabelExtension"|trans|sw_sanitize }}
  59.                 </span>
  60.                 <span class="media-attribute-value">
  61.                     {{ media.fileExtension|upper }}
  62.                 </span>
  63.             </p>
  64.         {% endif %}
  66.         {% if media.fileSize %}
  67.             <p class="media-attribute media-attribute-size">
  68.                 <span class="media-attribute-label">
  69.                     {{ "uandiDownloadCenter.mediaAttributeLabelSize"|trans|sw_sanitize }}
  70.                 </span>
  71.                 <span class="media-attribute-value">
  72.                     {% set sizes = {
  73.                         0: 'B',
  74.                         1000: 'KB',
  75.                         1000000: 'MB',
  76.                         1000000000: 'GB',
  77.                     } %}
  79.                     {% set power = max(sizes|keys|filter(p => media.fileSize >= p)) %}
  80.                     {{ (media.fileSize/power)|round(2) }} {{ sizes[power] }}
  81.                 </span>
  82.             </p>
  83.         {% endif %}
  85.         {% set eventData = {
  86.             trigger: 'click',
  87.             payload: {
  88.                 file_format: media.fileExtension,
  89.                 file_name: name
  90.             }
  91.         } %}
  93.         <a href="{{ link }}"
  94.            class="btn btn-block btn-primary btn-media-download"
  95.            title="{{ "uandiDownloadCenter.downloadAction"|trans|sw_sanitize }}"
  96.            data-trigger-data-layer-push='{{ eventData|json_encode|raw }}'
  97.         >
  98.             {{ "uandiDownloadCenter.downloadAction"|trans|sw_sanitize }}
  99.         </a>
  100.     </div>
  101. {% endblock %}